471,617 Members | 1,118 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,617 software developers and data experts.

IE6 puts space between my DIVs..

Tarantulus
114 100+
Hi guys,

The page i'm working on is mtbc.awardspace.com/test/index.php

(don't worry about the PHP bit, it's just some includes)

now, in firefox the layout works to a point, but in IE there are 1-2px gaps between the divs. can anyone tell me why this is?

also, as I said the site works to a point in firefox, but the left and right bars around the content have height:600px set, but only seem to have height if I put content in them...

sorry to put two problems in one post, but I figured you geniuses could handle it!

thanks in advance
Oct 26 '07 #1
6 2096
drhowarddrfine
7,435 Expert 4TB
the site works to a point in firefox, but the left and right bars around the content have height:600px set, but only seem to have height if I put content in them
Floated elements are removed from the normal flow and will not expand without content. Firefox is performing correctly. IE, otoh, does not work with 'height' properly and treats it as 'min-height', thus expanding the box. Interestingly, 'min-height' itself does not work in IE. There are other issues with IE and expanding boxes, too.

You have the <html> tag before the doctype. So it is misplaced but also puts IE into quirks mode. Fix that and let's see where we stand.
Oct 26 '07 #2
Tarantulus
114 100+
Floated elements are removed from the normal flow and will not expand without content. Firefox is performing correctly. IE, otoh, does not work with 'height' properly and treats it as 'min-height', thus expanding the box. Interestingly, 'min-height' itself does not work in IE. There are other issues with IE and expanding boxes, too.

You have the <html> tag before the doctype. So it is misplaced but also puts IE into quirks mode. Fix that and let's see where we stand.
Thanks for the explanation.

Ok let's see..

fixed the HTML tag, no dice..

still got a gap between the DIVs

if HEIGHT doesn't work with floated elements, how can I put these bars in?
Oct 26 '07 #3
drhowarddrfine
7,435 Expert 4TB
Google for "3-column layout" and you'll find all kinds of examples. I'm kind of busy right now and don't have my links for that.
Oct 26 '07 #4
Tarantulus
114 100+
Google for "3-column layout" and you'll find all kinds of examples. I'm kind of busy right now and don't have my links for that.

It's not the 3 columns I have a problem with... it's the bars to separate the the columns, and the space between the divs.
Oct 27 '07 #5
drhowarddrfine
7,435 Expert 4TB
Add this to the top of your css and see if the spaces go away:
*{margin:0;padding:0}

btw, I'm getting two stylesheets called 'stylesheet.css'. One contains all the html markup.
Oct 27 '07 #6
Tarantulus
114 100+
yeah the problem with the two stylesheets was caused by my crappy host, it got confused when i had multiple FTP connections open, and overwrote mt CSS with the HTML....

I thought I had the margin and padding set like that but I'll check.

thanks
Oct 28 '07 #7

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

13 posts views Thread by Aaron | last post: by
2 posts views Thread by D. Alvarado | last post: by
1 post views Thread by Doug | last post: by
reply views Thread by Rod Billett | last post: by
8 posts views Thread by maroger | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.