Problème de mise en page avec CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de mise en page avec CSS

Ex-Floodeur

La Source

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

Publicité

Mitternacht

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.

Ex-Floodeur

La Source

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

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

CMk

Comme c'est relou le code illisible...

masklinn

í dag viðrar vel til loftárása

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de mise en page avec CSS

Sujets relatifs
[CSS] Le texte déborde du calque	probleme d'affichage dans une listbox
javascript dans page PERL/CGI ?!	Problème de conception
[EJB]Problème de connexion JDBC	probleme avec EXCELL
Probleme avec Collections.sort(List<T> list)	Bug sous firefox, page PHP interpretée comme image PNG !!
mise en page css-->probleme son flash	[CSS] Probleme de mise en page
Plus de sujets relatifs à : Problème de mise en page avec CSS

Page générée en 0.085 secondes