bad display with ie

align block problem....

[redfox26]

hi

i try to align 2 block...

i don't understand why my block sondage and my block nouvelle are not at the same height

on this page, there are a problem with ie
<snip>

<div id="sondage"> 
 <h1>Obligation de certifier un logiciel par un ingénieur</h1> 
 <dl> 
 <dt>Non </dt><dd> 91 %</dd> 
 <dt>Oui </dt><dd> 9 %</dd> 
 </dl> 
 </div> 

the css file

#sondage * { 
 margin:0; 
 padding:0; 
 font-size: 75%; 
 } 
 
 #sondage{ 
 border: 1px solid #999; 
 background: #fff; 
 color: Black; 
 width: 10%; 
 margin-left:4%; 
 margin-top:3%; 
 float:left; 
 } 
 
 #sondage h1{ 
 background-color:#D4E1EE; 
 border-bottom:1px solid #999; 
 text-align: center; 
 } 
 
 #sondage dl { 
 text-align:center; 
 padding:2px; 
 } 
 
 #sondage dt{ 
 float:left; 
 display:block; 
 width:50%; 
 height:2em; 
 } 
 
 #sondage dd{ 
 float:left; 
 display:block; 
 width:50%; 
 height:2em; 
 } 
 
 #sondage div { 
 clear:both; 
 text-align:center; 
 padding:2px; 
 }

any idea?

[edited by: engine at 5:01 pm (utc) on Feb. 8, 2006]
[edit reason] url [/edit]

[redfox26]

ok the link is
edit.. removed the link

[edited by: redfox26 at 5:50 pm (utc) on Feb. 8, 2006]

[coho75]

The URL was snipped because it's not allowed. No need to post it again. With the code that you've given, the problem is able to be resolved.

[SuzyUK]

Hi redfox26 and Welcome to WebmasterWorld!

you haven't posted the code for your "block nouvelle" ~ does it contain the same elements.. <h1> and <dl>?

put different background colors onto sondage and nouvelle and see if they are actually at the same height, if they are then it is likely just the default margins on the <h1> or the <dl> that might need adjusting to be the same.

or post the code for nouvelle too just like above

Thanks

Suzy

[redfox26]

i writed an error...

sorry, i not writed the correct problem....the real problem is my two tag dt, dd are not aligned with ie

[edited by: DrDoc at 3:41 am (utc) on Feb. 9, 2006]

[SuzyUK]

ah Ok, thanks redfox..

I think it might be because you have IE in quirks rendering mode, no Doctype perhaps?
and are coming up against IE's quirky float model

try not floating the dd, and remove the width too so it will automatically stretch to fit the space on the right.

#sondage dd{
/*float:left;*/
display:block;
/* width: 50%; */
height:2em;
}

Does that work better?

Suzy