Rahul Gonsalves wrote:

http://rahulgonsalves.com/v2/columns.html

The page displays as intended in Opera and Firefox 2, but in IE is a *mess*. I don't quite know where to start, I wonder whether anybody has any solutions?

1. Why is the header (Rahul Gonsalves...) so much lower in IE? Fix?

To fix it, add...
#logo p#access {float: left; width: 100%;}

Note the specificity.

2. The h2s are all out of alignment. Does this have to do with the faulty box-model?

No, it's the old 'margin-doubling on floats' bug in IE/win.

#content h2 { margin: -.33em 0 0 125px; float: left; width: 125px;
display: inline /* IE-fix */;}

3. Why is the image so far out to the left? Fix?

Working version...
#content img.m { clear: both; margin: 2em 0 0 125px; float: left;}
...and add a clearing below the image...
#content .caption {clear: both;}

4. How does one fix the paragraph alignment?

If I have understood you correctly, then I've already included a fix for
it under problem 2, with a negative margin-top on h2 - making it line up
with the paragraph.

regards
        Georg
--
http://www.gunlaug.no


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to