confused css
- Started
- Last post
- 8 Responses
- bighappen
Hello Folks
This site i am doing is destroying my mind. It works on mac browsers and apparently on firefox p.c however goes funny on I.E p.c with the image getting shunted under the main design.
Should look like:
Actual page: http://www.bighappen.com/fc/inde…
The nasty colous have been added to show divs. Does anyone know what is going wrong?
It sounds like css related is it?
Thanks for any help.
- weestu0
change the margin on #left to be 0 instead of 10px and set the float on #photo-box to right. should do the trick... (or if you don't want the content of #photo-box to float right, decrease the width of it by 10px and give it a margin-left of 10)
- bighappen0
Hello weestu. Thansks for the help. But... If i take the margon from the left the boxes stay on the left with no white space, whicjh is sadly part of the signed off design.
I have floated the #photo box to the right has that mad a difference?
html
- weestu0
no difference. you need to reduce the margin by 10px because of IE's misinterpretation of the box model and widths. if you take of the 10px margin and float to the right, it should still give an effective margin of 10px on the left...
dunno if any of that made sense :/
- bighappen0
"if you take of the 10px margin and float to the right, it should still give an effective margin of 10px on the left...
dunno if any of that made sense "
I think so, i took the margin off increased the left box by 10px and set the to boxs inside to float right. which made it work on my mac. Does it function on p.s's?
- weestu0
sure does!
- bighappen0
sure does!
weestu
(Mar 8 06, 03:34)Yay! thanks for the help and patience explaining stuff me.
Cheers
- weestu0
no worries :)