grrrrrrrrrrrr css

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : grrrrrrrrrrrr css

FreddoZ

bjr a tous ...

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 sinon je continu bien qu'il ne me reste plus beaucoup de cheveux :pt1cable:

Une image etant plus parlant voila le source ...

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>grrrrrrrrrrr css </title>
<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>

Publicité

FreddoZ

mouai le titre est pas trop parlant désolé ... je ferais mieux la prochaine fois

jagstang

Pa Capona ಠ_ಠ

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?

gm_superstar

Appelez-moi Super

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

FORUM HardWare.fr

Programmation

HTML/CSS

grrrrrrrrrrrr css

Sujets relatifs
base Access et Java grrrrrrrrrrrr
Plus de sujets relatifs à : grrrrrrrrrrrr css

Page générée en 0.038 secondes