Pseudo tableau en CSS

Marsh Posté le 25-04-2007 à 16:28:40

Bonsoir,
je suis en train de nettoyer le code de mon site web dans le but de remplacer les table pour du div, c'est beaucoup plus propre et c'est tant mieux
Mais je bloque car vala en gros la structure:

<div class="thebody">
<div class="body_header"></div>
<div class="body_menu">blabla</div>
<div class="body_content">blabla</div>
</div>

le probléme c'est que je voudrait que les div avec body_menu et body_content se retrouvent côte a côte et non comme actuellement, c'est a dire ca:

blabla
blabla

faire <table><tr><td></td><td></td></tr></table> marche bien pour le moment mais je veut du propre

Voila, merci de votre aide

Reply

Marsh Posté le 25-04-2007 à 16:28:40

Reply

Marsh Posté le 25-04-2007 à 16:30:47

Et t'as fait quoi dans ta feuille de style ?

Reply

Marsh Posté le 25-04-2007 à 16:34:50

div.thebody{
width: 747px;
margin-left: auto;
margin-right: auto;
background-color: #007FC0;
border-style: none;
border-width: 1px;
/*border-color: #AFC7D9;*/
margin-top: 0px;
border-bottom-style: none;
text-align: left;
}

div.body_header{
width: 100%;
height: 75px;
background-image: url(/img/logo.png);
background-repeat: no-repeat;
}

div.body_menu{
position: relative;
width: 100px;
height: auto;
top: 0;
right: auto;
bottom: 100px;
left: 0;

}

div.body_content{

position: relative;
width: 100%;
height: auto;
top: 0;
right: 0;
bottom: 0;
left: 100px;

}

en fait me faudrait la technique qui permet de coller deux div côte a côte et non un dessus un dessous :whistle:

Reply

Marsh Posté le 25-04-2007 à 16:50:46

http://www.thenoodleincident.com/t [...] boxes.html

Reply

Marsh Posté le 25-04-2007 à 16:52:45

Je vait regarder merci :jap: :jap:

Reply

Marsh Posté le 25-04-2007 à 16:56:00

float ?

---------------
Blog photo/récits activités en montagne http://planetcaravan.net

Reply

Marsh Posté le 25-04-2007 à 17:04:54

Merci avec ce que j'ai trouvé sur ton lien ca marche :jap:

div.body_menu{
float: left;
width: 150px;
background-color: #007FC0;
}

div.body_content{
float: right;
width: 597px;
background-color: white;
}

Bon aprés faut que je voit ce qu'IE nous fait :whistle:

Message édité par Orbitax le 25-04-2007 à 17:06:38

Reply

Marsh Posté le 25-04-2007 à 17:11:50

va yavoir un gros blan entre tes deux divs

---------------
Blog photo/récits activités en montagne http://planetcaravan.net

Reply

Marsh Posté le 25-04-2007 à 17:15:36

na vu que c'est dans un div de largeur 747
edit:par contre iexplore fait son couillon maintenant que j'ai ajouté quelques modifs :x

Message édité par Orbitax le 25-04-2007 à 17:16:20

Reply

Marsh Posté le 25-04-2007 à 17:18:22

ok j'avais pas relu ton code initial

et il fais quoi ie ?

---------------
Blog photo/récits activités en montagne http://planetcaravan.net

Reply

Marsh Posté le 25-04-2007 à 17:18:22

Reply

Marsh Posté le 25-04-2007 à 17:22:17

programmé avec les pieds qu'il est (non, ce n'est pas un troll mais la réalité réelle), il me met un div en dessus et un div en dessous, enfin bon vait surement trouver une parade

Reply

Marsh Posté le 25-04-2007 à 17:23:13

les deux en float left des fois ça aide

---------------
Blog photo/récits activités en montagne http://planetcaravan.net

Reply

Marsh Posté le 25-04-2007 à 20:22:37

la ca marche pas
Ya pas un hack pour iexplore autre que <table> ?

Reply

Pseudo tableau en CSS

Sujets relatifs:

Leave a Replay