Pseudo tableau en CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pseudo tableau en CSS

Orbitax

May The Troll Be In You ©

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

Publicité

RiderCrazy

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

Orbitax

May The Troll Be In You ©

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:

RiderCrazy

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

Orbitax

May The Troll Be In You ©

Je vait regarder merci :jap: :jap:

zecrazytux

float ?

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

Orbitax

May The Troll Be In You ©

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

zecrazytux

va yavoir un gros blan entre tes deux divs

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

Orbitax

May The Troll Be In You ©

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

zecrazytux

ok j'avais pas relu ton code initial

et il fais quoi ie ?

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

Publicité

Orbitax

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

zecrazytux

les deux en float left des fois ça aide

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

Orbitax

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

FORUM HardWare.fr

Programmation

HTML/CSS

Pseudo tableau en CSS

Sujets relatifs
[CSS] CSS et avertissements	[CSS?] Problème de titre avec IE.
Centrer un objet dans un élément CSS	[C]Remplir un tableau d'entiers uniques aléatoirement
Découper une image avec CSS	Macro de Tableau Excel vers Word
passage d'un tableau en argument	Mettre en tableau des données entrelacées
[CSS] Image de fond se repetant (repeat-y)	Problème d'affichage d'un tableau
Plus de sujets relatifs à : Pseudo tableau en CSS

Page générée en 0.040 secondes