Probleme pour faire 3 colonne en css

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme pour faire 3 colonne en css

wydook

Bonjour à tous.

Je veut faire une page en css mais j'ai un peu de mal.

J'ai actuellement une page avec

un menu à gauche
le corps de la page
et un menu à droite

Je souhaiterais pouvoir maintenant avoir à la place d'un seul bloc qui correspond au corps, avoir 3 colonnes.

Pour cela j'essays de faire mais 3 colonne, mais j'y arrive pas, et en plus je le veut extensible

j'ai fait ca, mais ca fonctionne pas.

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Untitled</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>
#conteneur {
CLEAR: both; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px
}
#colonne1{
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; MARGIN-BOTTOM: 10px; BORDER-LEFT: #000000 1px solid; WIDTH: 150px; BORDER-BOTTOM: #000000 1px solid
}
#colonne3 {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1%; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1%; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 1%; MARGIN-LEFT: 1%; BORDER-LEFT: #000000 1px solid; WIDTH: 50%; PADDING-TOP: 1%; BORDER-BOTTOM: #000000 1px solid
}
#colonne4 {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1%; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1%; FLOAT: right; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 1%; MARGIN-LEFT: 1%; BORDER-LEFT: #000000 1px solid; WIDTH: 50%; PADDING-TOP: 1%; BORDER-BOTTOM: #000000 1px solid
}
</STYLE>
<META content="MSHTML 6.00.2900.2802" name=GENERATOR></HEAD>
<BODY>
<DIV id=conteneur>
<DIV id=colonne1>B-1-1<br>
1<br>
1<br>
1<br>
1<br>
</DIV>
<DIV id=colonne4>
<P>Contenu colonne 2</P>
<P>Contenu colonne 2</P>
<P>Contenu colonne 2</P>
<P>Contenu colonne 2</P>
</DIV>
<DIV id=colonne3>
<P>Contenu colonne 2</P>
<P>Contenu colonne 2</P>
<P>Contenu colonne 2</P>
<P>Contenu colonne 2</P></DIV></DIV>
</DIV></BODY></HTML>

---------------
Toute l'actualité météo en continu http://www.meteo-world.com

Publicité

gatsu35

Blablaté par Harko

<== là ok pour que tu prennes exempele sur le modele de roane et tu as bien fait

mais là ou je ne suis pas ok du tout, c'est que tu ouvres le fichier avec un editeur de merde.

tu as utilisé quoi pour ouvrir un fichier qui au départ était propre au niveau du html

wydook

Bon je vient de le refaire.

voici le code:

Code :

<style type="text/css">
body
{color:black ; text-align:justify ; font-family: arial, verdana, sans-serif ; font-size: 10pt ; color: black ;
background-color: #FFFFFF ;}
.un
{ position:absolute ;
left:10% ;
top:430px ;
font-family: Arial, Helvetica, sans-serif ;
color: #000000 ;
width: 40%;}
.deux
{ position:absolute ;
left:55% ;
top:430px ;
font-family: Arial, Helvetica, sans-serif ;
color: #000000 ;
background-color: #FFFF00 ;
width: 40%;}
#menu-gauche
{
margin-top: 5px;
margin-bottom: 5px;
float: left; /* Le menu flottera à gauche */
width: 160px; /* Très important : donner une taille au menu */
background: #F5EBE0;
}
#menu-droit
{
margin-top: 5px;
float: right; /* Le menu flottera à droite */
width: 120px; /* Très important : donner une taille au menu */
background: #F5EBE0;
}</style>
<div id="menu-gauche">
<div class="element_menu-gauche"> menu</div> </div>
<div style="position:absolute ; left:10%; top:0px ; font-family: Arial, Helvetica, sans-serif ; color: #000000 ; background-color: #FFFF00 ; width: 40%;" > Texte .... </div>
<div style="position:absolute ; left:55%; top:0px ; font-family: Arial, Helvetica, sans-serif ; color: #000000 ; background-color: #FFFF00 ; width: 40%;" > Texte .... </div>
<div id="menu-droit">
<div class="element_menu"> menu</div> </div>

les colonnes en jaune, j'aimerais qu'elles se retouve au milieu, entre les deux menu, et la elles restes au dessus

---------------
Toute l'actualité météo en continu http://www.meteo-world.com

wydook

J'ai tester plein de trucs et je suis toujours bloqué. :??:

ca ne veut pas s'inserer au milieu des deux menus

---------------
Toute l'actualité météo en continu http://www.meteo-world.com

fastclemmy

(re-)Dictateur en plastique

http://www.pixy.cz/blogg/clanky/css-3col-layout/ ?

wydook

C'est pas ca que je veut faire. Regarde mon code 2 messages au dessus

---------------
Toute l'actualité météo en continu http://www.meteo-world.com

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme pour faire 3 colonne en css

Sujets relatifs
Gros Probleme PL/SQL	Problème lecture d'une vidéo
[PHP] Probleme avec les espaces [Resolu]	Problème avec stripslashes();
problème de submit inactif avec IE mais ok aavec mozilla	Problème compil avec Dev c++
probleme PHP	Problème struct et affichage en colonne
[Résolu] Problème de mise en page en colonne sous IE	Probleme pour modifier une colonne dans une table Postgres
Plus de sujets relatifs à : Probleme pour faire 3 colonne en css

Page générée en 0.074 secondes