Horisontale elementer
Hej,<div id='resultset'>
<span id='item1'>Skal stå til venstre</span>
<span id='item2'>Skal stå i midten</span>
<span id='item3'>Skal stå til højre</span>
</div>
Dette er HTML til en navigations ting, der ligger i bunden af min side. Item 1 skal stå til venstre på siden (eller containeren), item 2 skal stå på midten af siden, og item 3 til højre på siden.
Hvordan vil I skrive CSS til dette så det virker i både Firefox, IE og Opera?
Følgende virker med ikke i Opera, hvor item 2 står oven i item 1. Endvidere er afstanden mellem item 1 og item 2 og mellem item 2 og item 3 ikke helt ens i hverken Firefox eller IE.
#resultset {
width: 880px;
text-align: center;
}
#item1 {
float: left;
}
#item2 {
position: absolute;
}
#item3 {
float: right;
}
#resultset:after { /* firefox to clear after the resultset - else it goes into footer */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}