Retour à la ligne sous IE qui sabote la mise en page.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Retour à la ligne sous IE qui sabote la mise en page.

fenixman2

On y croit!

Bonjour,

J'ai un problème avec la barre de titre de mes news: après la fleche sous IE, le titre n'est affiché qu'après un retour à la ligne qui fout la mise en page en l'air. Sous FF tout est nickel.
La news qui sert d'exemple est celle avec la bouteille orange.
Comme une image vaut mille mots vous pouvez jeter un coup d'oeil à
Gauche: FF | Droite: IE :fou:

Retrouvez le site sur http://www.avenue-casino.com/carapace/wip/news.php (je précise tout de suite que ce n'ets pas de la pub vu que le site n'est pas ouvert et sera réservé aux étudiants d'une école, donc ca ne me sert à rien de flooder sur des forums).

Pour trouver exactement le problème cherchez {NEWSCATICON} et NEWSTITLE dans le code, mauis le problème viens je pense de ce qu'il y a autour.

Code de theme.php

Code :

<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='".THEME_ABS."images/blank.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
<div style=' margin-right:0; margin-bottom:0; margin-top:0; margin-left:0'; border='0'>{STICKY_ICON}{NEWSICON}{NEWSTITLE} </div>
</td>

Code de styles.css

Code :

.captiontopleft{ width: 24px; background-image: url(images/topleft.png); }
.captiontopmiddle{ width: 100%; background-repeat: repeat-x; background-image: url(images/top.png); }
.captiontopright{ width: 11px; background-image: url(images/topright.png); }
.captionleft{ width: 24px; background-image: url(images/capleft.png); }
.captionbar{ background-repeat: repeat-x; padding-right:10px; font-size: 10px; color: #fff; font-family: verdana, tahoma, arial, sans-serif; background-image: url(images/capdark.png);}
.captionend{ width: 12px; background-image: url(images/captransition.png); }

Code de news.php

Code :

<div style='padding:3px;width:100%'>
<table style='border-bottom:1px solid black;width:100%' cellpadding='0' cellspacing='0'>
<tr>
<td style='vertical-align:top;padding:3px;width:20px'>
<DIV style='floatleft'>
{NEWSCATICON}
{NEWSTHUMBNAIL}
</td><td style='text-align:left;padding:3px'>
{NEWSTITLELINK}
<br />

PS: j'ai essayé de limiter le code au maximum.

Merci de votre aide,
Nicolas

Publicité

FlorentG

Si tu utilise des CSS, quel intérêt d'utilise des tableaux ? :heink:

gatsusat

A faire de la merde

fenixman2

On y croit!

En gros je suis un peu (beaucoup meme) un noob du php et je me suis servi d'un truc tout fait, jusqu'ici j'ai résolu tous les problèmes te le site tient plutot debout, mais là-dessus mes connaissances ne me suffisent pas!

gatsusat

ben a ton truc tu lui fous un overflow:hidden et ca passera

fenixman2

On y croit!

Euh c'est à dire stp?

gatsusat

ben la partie que tu style et qui dépasse tu lui fout ce putain de overflow:hidden dans les CSS bordel

FORUM HardWare.fr

Programmation

HTML/CSS

Retour à la ligne sous IE qui sabote la mise en page.

Sujets relatifs
Liens paramètré vers une page de cadres ?	Comment passer un chiffre a virgule sur une autre page?
Liens de différentes couleurs dans une même page html	mise en page / et autre question
mise en page avant impression	CSS : quelle solution pour conserver mise en page avec layout ?
[résolu] - problème mise en page avec <form>
Plus de sujets relatifs à : Retour à la ligne sous IE qui sabote la mise en page.

Page générée en 0.035 secondes