Problème de mise en page avec CSS

Marsh Posté le 10-04-2005 à 11:13:51

Voila dans cette page,

http://www.animecdz.com/css/index2.php?cdz=2&id=335

le texte déborde du cadre qui forme le design de l'artcile. Je ne parviens pas à corriger ce détail.

Voici le CSS associé à ce tableau et son code source :

Code :

<div class="cadregeneral">
<div class="topgdcadre"><div class="topgdcadreleft"><div class="topgdcadreright"><? echo $r->titre ?></div></div></div>
<div class="contentgdcadre"><div class="contentgdcadreleft"><div class="contentgdcadreright"><span class="comment">Postée par <a class="comment" href="http://forum.animecdz.com/membre-<? echo $r->id ?>.html"><? echo $r->name ?></a>
Texte de la news
</div></div></div>
<div class="bottomgdcadre"><div class="bottomgdcadreleft"><div class="bottomgdcadreright"></div></div></div>

et le CSS :

Code :

.gdcadregeneral { float: left; }
.topgdcadre, .topgdcadre DIV {height:27px; width:600px;color:#FFFFFF;}
.topgdcadre {background:url(http://www.animecdz.com/css/images/CityHunter-tableau_02.jpg) repeat-x;}
.topgdcadre DIV {width:600px;}
.topgdcadreleft{background:url(http://www.animecdz.com/css/images/CityHunter-tableau_01.jpg) left no-repeat;}
.topgdcadreright{
text-align:center;
line-height:28px;
font-weight:bold;
background:url(http://www.animecdz.com/css/images/CityHunter-tableau_03.jpg) right no-repeat;
}
.contentgdcadre,.contentgdcadre DIV {width:600px;}html>body .contentgdcadre,.contentgdcadre DIV {width:585px;}
.contentgdcadre {background:url(http://www.animecdz.com/css/images/CityHunter-tableau_05.jpg);}
.contentgdcadreleft {background:url(http://www.animecdz.com/css/images/CityHunter-tableau_04.jpg) left repeat-y;}
.contentgdcadreright {
padding-left:15px;
background:url(http://www.animecdz.com/css/images/CityHunter-tableau_06.jpg) right repeat-y;
}
.bottomgdcadre,.bottomgdcadre DIV {height:10px;width:600px;}
.bottomgdcadre {background:url(http://www.animecdz.com/css/images/CityHunter-tableau_08.jpg) bottom repeat-x;}
.bottomgdcadreleft {background:url(http://www.animecdz.com/css/images/CityHunter-tableau_07.jpg) left no-repeat;}
.bottomgdcadreright {background:url(http://www.animecdz.com/css/images/CityHunter-tableau_09.jpg) right no-repeat;}

Message édité par Ex-Floodeur le 10-04-2005 à 11:20:39

---------------
Saint Seiya || La Livebox || Europe, débats, réflexions

Reply

Marsh Posté le 10-04-2005 à 11:13:51

Reply

Marsh Posté le 10-04-2005 à 13:10:59

Citation :

.contentgdcadre,.contentgdcadre DIV {width:600px;}html>body .contentgdcadre,.contentgdcadre DIV {width:585px;}

Vite fait, il n'y aurait pas un problème avec cette ligne?
Que vient faire le "html>body" ?
Et tu as dex fois .contentgdcadre DIV, avec 2 largeurs différentes...

Ou alors j'ai pas compris.

Reply

Marsh Posté le 10-04-2005 à 14:40:36

y en a un pour IE (le premier) et un pour firefox

---------------
Saint Seiya || La Livebox || Europe, débats, réflexions

Reply

Marsh Posté le 11-04-2005 à 10:22:22

Comme c'est relou le code illisible...

Reply

Marsh Posté le 11-04-2005 à 12:22:29

J'aime beaucoup la mise en place d'images CSS dans une mise en page par tableaux [:petrus75]

Ca fait W4rl0rdZ et tout

Et je parle pas de la quinzaine de cookies qu'on essaie de me coller (mais putain pourquoi on veut me mettre des cookies alors que j'ai encore rien fait )

Message édité par masklinn le 11-04-2005 à 12:23:54

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r

Reply

Problème de mise en page avec CSS

Sujets relatifs:

Leave a Replay