<div> Problem with IE

[mpower]

Following <div> layout doesn't look good in Internet Explorer 6.

 

http://www.rosling.eu/avbetalning/ny.lasso

 

Anybody know what I'm doing wrong?

 

Thanks // Jonas

[ToonMariner]

you have a bit of divitis there

 

for that layout you could get away with 3 divs 1 for the top rounded corners pne for the bottom and one for the form which you shoudl give a left and right border....

[mpower]

Oh...so you can asign two images for one <div> with the CSS?

 

Would you mind learning me?

 

Thanks in advance // Jonas

[ToonMariner]

you can' assign two backgrounds to one div but if you set a fixed width you don't need to.

 

if you want a fluid layout then you would need 5 divs.

 

3 div version.

<div id="top">
</div>
<div id="form">
// all your text and form stuff...
</div>
<div id="bottom">
</div>

 

css

div#top
{
background: transparent url(/path/to/topimage) no-repeat top left;
width: (image width)px;
height: (image height)px;
}
div#bottom
{
background: transparent url(/path/to/bottomimage) no-repeat bottom left;
width: (image width)px;
height: (image height)px;
}
div#form
{
border-left: 1px solid #666;
border-right: 1px solid #666;
}