Pb de <div> flotante

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
SX1

Pb de <div> flotante

Message par SX1 »

Salut,

J'ai un pb de rendu avec MSIE 6 (qui vient de dire bien fait ?) et pas avec Moz.

J'ai le code css2 suivant :

.pregris {
background : #DCDCDC repeat;
padding:20px;
margin:5px;

}

.inline {
display : inline;
list-style-type:none;

}

.hrspacer{
clear : both;
visibility:hidden;
}

.boitegauche {
float:left;
width : 45%;
margin-bottom:0px;
margin-right:20px;
background-color:inherit;
font-family:"verdana",sans-serif;
font-size:10pt;
font-style:normal;
color:#000000;
line-height : 25px;
padding-left:10px;
padding-right: 10px;
text-align:justify;
border : none;
}

.boitedroite {

margin-left :55%;
margin-bottom:0px;
border-width:0px;
background-color:inherit;
font-family:"verdana",sans-serif;
font-size:10pt;
font-style:normal;
color:#000000;
line-height : 25px;
padding-left: 10px;
padding-right: 10px;
text-align:justify;
border : none;
}

J'ai le xhtml suivant :

<hr class="hrspacer" />
<div class="boitegauche">
blabla
<br /><br />
blabla
<br /><br />
blabla
<br /><br />
blabla
<a class="inline" href="logiciel.htm">Webwasher</a>, blabla
</div>
<div class="boitedroite">
<pre class="pregris">
Filtrage de la pollution [sur 4 x 50H]:

2 204 images filtrées
380 fenêtres filtrées
801 script filtrés
2 177 cookies filtrés

Le tout pour :

13 824 images acceptées
176 cookies acceptés [8,08 % du total]
25 776 connexions
</pre>
</div>
<hr class="hrspacer" />

Et bien si on remplace le bla bla par du texte assez long, la partie entre les tags <pre>
dans la <div boite droite>
est coupée en deux au niveau de l'insertion du lien <a> .

Uniquement sous MSIE.

TIDY ne dit rien, W3c valide la page en xhtml strict.

Surement un pb de DOM, mais quoi ?

(question limite pénible :roll: , mais je débute en xhtml)

Merci.
SX1 lui même

Suite post précédent

Message par SX1 lui même »

Suite :

Même en enlevant

<?xml version="1.0" encoding="ISO-8859-1"?>

le pb reste entier.

Par ailleurs pas besoin de lien <a> , la boite gauche et coupée en deux dans le texte non formatté même sans lien à droite ...

PRE ne défini pas un bloc pourtant ?
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Si si, "pre" est un élément de type bloc. Je ne sais pas trop à quoi ça va ressembler si tu le passes en inline par contre.
le même

suite et fin

Message par le même »

J'ai supprimé la balise <pre>, en la remplaçant par une class .pre, visuellement j'ai le même résultat, et plus de pb d'affichage sous MSIE 6.
gateau...
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 14 invités