grrrrrrrrrrrr css
grrrrrrrrrrrr css - HTML/CSS - Programmation
Marsh Posté le 17-06-2004 à 16:06:44
mouai le titre est pas trop parlant désolé ... je ferais mieux la prochaine fois 
Marsh Posté le 17-06-2004 à 16:12:14
tu peux éditer ton premier post pour le changer. en effet, ça donne pas trop envie de lire
---------------
What if I were smiling and running into your arms? Would you see then what I see now?
Marsh Posté le 18-06-2004 à 01:32:37
Normal que ça sorte. Quand tu définis une largeur en % pour un conteneur, le pourcentage s'exprime en fonction de la largeur de l'élément parent.
Or le parent de .content c'est le body. Et 100% de body c'est 100%, donc 100% de la largeur de l'écran.
Donc ta largeur totale elle fait 100% de la largeur de l'écran + 150 pixels du menu. Donc ça dépasse.
Bref inspire toi plutôt des mises en page à 2 colonnes qu'il y a ici : http://www.thenoodleincident.com/t [...] boxes.html
Une fois que tu auras fait tes 2 colonnes tu pourras remplir celle de droite avec les 3 autres colonnes. Une chose à la fois 
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 17-06-2004 à 16:02:49
bjr a tous ...
sinon je continu bien qu'il ne me reste plus beaucoup de cheveux 
Je me met au xhtml et css pour nos futurs site et j'essai d'adapter un script de http://openweb.eu.org/ et rien a faire, j'ai un scroll en bas de ma fenetre c'est la memerde !!!
si kkun as une idée en passant
Une image etant plus parlant voila le source ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
</title>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>grrrrrrrrrrr css
<style>
BODY {
PADDING: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}
.content {
width: 100%;
border: 1px solid #000000;
margin-left:150px;
}
.menu {
border: 1px solid #000000;
width: 150px;
}
html>body .menu {
position: fixed;
}
.centre {
width:30%;
float : left;
BACKGROUND-COLOR: #FFFFC8;
}
.gauche {
BACKGROUND-COLOR: #D4D0C8;
float : left;
width: 30%;
}
.droite {
BACKGROUND-COLOR: #C8C8FF;
float : left;
width: 40%;
}
</style>
</head>
<body>
<div class="menu">menu</div>
<div class="content">
<div class="centre"> centre</div>
<div class="gauche"> gauche</div>
<div class="droite"> droit</div>
</div>
<br /><br />
Et ce le resultat que je cherche :
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150">menu</td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" bgcolor="#FFFFCC" >centre</td>
<td width="30%" bgcolor="#CCCCCC">gauche</td>
<td width="40%" bgcolor="#CCCCFF">droit</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>