Me revoilà !! 
J'arrête le bricolage, je repars sur du concret et j'y suis presque !
Et pour être clair voilà ce que je veux faire
Tout le monde à vu? Est-ce clair?
Je vous raconte mon soucis: Tout est ok sauf que lorsque j'ai un max de contenu dans la colonne extreme droite (sans jeu de mots
)
et bien mes deux blocs du milieu se décallent vers le bas au pied du dit bloc extreme droite.
Voilà pour l'aperçu, j'espère qu'il est pertinent.
J'espère que cete fois-ci je me suis exprimé de manière claire.
Comme vous l'avez deviné j'aimerais que mes deux blocs du milieu reste collé à l'image...
J'envoie le code:
et le CSS:
Merci d'avance à tous / toutes ceux/celle qui prendront le temps de me répondre...
Modifié par xgregx (08 Mar 2005 - 16:50)
J'arrête le bricolage, je repars sur du concret et j'y suis presque !
Et pour être clair voilà ce que je veux faire
Tout le monde à vu? Est-ce clair?
Je vous raconte mon soucis: Tout est ok sauf que lorsque j'ai un max de contenu dans la colonne extreme droite (sans jeu de mots
)et bien mes deux blocs du milieu se décallent vers le bas au pied du dit bloc extreme droite.
Voilà pour l'aperçu, j'espère qu'il est pertinent.
J'espère que cete fois-ci je me suis exprimé de manière claire.
Comme vous l'avez deviné j'aimerais que mes deux blocs du milieu reste collé à l'image...
J'envoie le code:
<!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" lang="fr">
<head>
<title>Pfffffffff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">@import url(evi.css) ;</style>
</head>
<body>
<div id="conteneur">
<div id="header">Logo - Bannière
</div>
<div id="mainleft">
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
</div>
<div id="maincenter"><img src="images\mid.gif" /></div>
<div id="mainright">orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
</div>
<div id="centerleft">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
</div>
<div id="centerright">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla massa diam,
molestie sit amet, varius eu, euismod in, orci.
</div>
<div id="footer">Pieds de page
</div>
</div>
</body>
</html>et le CSS:
body {
margin:0px 0px 0px 0px;
padding:0px;
height: 100%;
}
#conteneur {
width:750px;
background:#fff;
}
#header {
height:130px;
background:green;
padding-bottom:10px;
}
#mainright {
width:150px;
float:left;
background:#DDD;
padding-bottom:10px;
}
#maincenter {
width:450px;
float:left;
background:#fff;
padding-bottom:0px;
}
#centerleft {
margin-left: 0px;
width:225px;
float:left;
background:#fff;
padding-bottom:0px;
}
#centerright {
width:225px;
float:left;
background:#fff;
padding-bottom:0px;
}
#mainleft {
width:150px;
float:left;
background:#c5c;
padding-bottom:10px;
}
#footer {
clear: both;
background: red;
padding-bottom: 10px;
}Merci d'avance à tous / toutes ceux/celle qui prendront le temps de me répondre...
Modifié par xgregx (08 Mar 2005 - 16:50)
