4 replies [Last post]
collinm
Offline
Regular
Last seen: 13 years 1 week ago
Timezone: GMT-5
Joined: 2005-03-01
Posts: 29
Points: 0

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

http://www.laboiteaprog.com/temp/index2.htm
http://www.laboiteaprog.com/temp/screens.css

any idea?

thanks

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 23 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

align block....

You have clear: both on the dts (inside the IE5 Mac hack) which is making the nouvelle list drop below the sondage div

collinm
Offline
Regular
Last seen: 13 years 1 week ago
Timezone: GMT-5
Joined: 2005-03-01
Posts: 29
Points: 0

align block....

how can i resolve that?

collinm
Offline
Regular
Last seen: 13 years 1 week ago
Timezone: GMT-5
Joined: 2005-03-01
Posts: 29
Points: 0

align block....

collinm
Offline
Regular
Last seen: 13 years 1 week ago
Timezone: GMT-5
Joined: 2005-03-01
Posts: 29
Points: 0

align block....

my html code

<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>

my css code

#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;
}