1st css only page. some problems. please have a look

[kermit]

hello,

this is my first page where i used css for the layout.

www.digitalsushi.ch/sct-css/

i do have some problems with it.
it look ok on safari and ie pc.
but in ie mac it looks shocking. i can't figure out what went wrong.
another thing is, that i am not sure how to structure the html so it's right.
could someone please have a look at it and tell me if i am doing some things ok or not?

thanks a lot and cheers from
switzerland
kermit

[Paul O'B]

Hi,

IEmac doesn't like floats without widths and defaults to 100% wide and drops to a new line.

Therefore give your #addresse a suitable width.

#adresse {
margin-left: 40px;
margin-top: 20px;
float: left;
text-align: left;
width: 200px;
}

That should get it back on track

Paul

[kermit]

hi paul,

thanks! i tryed something similar and it worked. the only problem i have left now is, that the div cleanfixbild is 16px to far to the left on pc/ie.
it's all the same on all other browser i was testing the layout on.

thanks
pat

[Paul O'B]

Hi,

You are suffereing from ie's double margin bug on your teaserbild element. This is how you fix it.

#teaserbild{
margin-top: 20px;
margin-left: 16px;
float: left;
text-align: left;
width: 249px;
display:inline;/*ie  double margin fix*/
}

#cleanfixbild{
clear:both;
margin-left: 565px;
padding-top:   10px;
width: 103px;
}
* html #cleanfixbild{/* not needed now*/}

Paul

[kermit]

great thanks.

could you please tell me if this is the way you would build the site?
cause i am not sure if it's the rigth way to go.

cheers
pat