blix alignment problem
blix alignment problem
on my comments section the plugins on the right bar aligns itself to the bottom of the page on ie, why is that, is there a way i can fix this, this only happens on IE...please help
-
garvinhicking
- Core Developer
- Posts: 30022
- Joined: Tue Sep 16, 2003 9:45 pm
- Location: Cologne, Germany
- Contact:
Whats your URL?
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
I think this is a problem with the IE box model.
IE adds margins and paddings to the outside of each div instead of scraping them off the inside like the spec says to do.
When I use the IE6 developer's toolbar and select "outline divs" on your main page, the sidebar lines up next to the main div, as expected. When I do the same thing on a comments page, I see that the sidebar overlaps the main div just a bit. I'm betting the difference is padding.
On the comment page, the #content div is 558px wide, and the sidebar is 227px. On the main page, #content is only 530px, but the sidebar is still 227px.
That means something on the comments page is adding a total of 28px of padding and margin. Quite likely this is 14px all-around or 14px each left and right. It's something inside the #content div, and I bet it's one of the comment blocks themselves.
To fix this, you'll need to fool with the style.css. It'll be a bear. I don't recognize your template, but if it's a variation on one of the standards, you may want to contact the template author.
IE adds margins and paddings to the outside of each div instead of scraping them off the inside like the spec says to do.
When I use the IE6 developer's toolbar and select "outline divs" on your main page, the sidebar lines up next to the main div, as expected. When I do the same thing on a comments page, I see that the sidebar overlaps the main div just a bit. I'm betting the difference is padding.
On the comment page, the #content div is 558px wide, and the sidebar is 227px. On the main page, #content is only 530px, but the sidebar is still 227px.
That means something on the comments page is adding a total of 28px of padding and margin. Quite likely this is 14px all-around or 14px each left and right. It's something inside the #content div, and I bet it's one of the comment blocks themselves.
To fix this, you'll need to fool with the style.css. It'll be a bear. I don't recognize your template, but if it's a variation on one of the standards, you may want to contact the template author.