473,248 Members | 1,878 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,248 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 2336
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

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

Similar topics

23
by: MattB | last post by:
Hello please help, I have a table cell with a div in it. The div has a width of 300px. but when it is rendered it puts extra space into the table cell. Here's the style <style>...
13
by: Aaron | last post by:
Hi, In the following code, everything looks fine on Explorer, but on Netscape there is a large white gap between the 'top' section and the 'bottom menu' section. I've set the style 'div img...
6
by: Tony T | last post by:
Can anyone help me with this - it may be obvious, but I just can't see it. I'm working with PC and WinME. In IE6, the two divs inside the wrapping div have no space between them, which is how I...
2
by: D. Alvarado | last post by:
Hello I have 5 divs, and initially the lower 4 are hidden. I would like everything beneath the 5th div to appear flush against the first visible div. But right now, there is a gap of white...
1
by: tabert | last post by:
I want to use JavaScript when a button is clicked to show and hide a SPAN or DIV. This works in both IE and Netscape, but what I'd like to happen is for there to be no white space where the hidden...
1
by: Doug | last post by:
I have a table with equal size cells, then i have div tags in each cell. The div tags have a border and a background, basically to make the contents look a little better. The problem is each div...
0
by: Rod Billett | last post by:
The included html contains 3 divs. One primary Div, with 2 nested divs. the second nested DIV contains an empty table. Problem 1: Phantom Space. When viewed within the browser, the div 'action...
8
by: maroger | last post by:
I'm sure this is a common issue, but I haven't come across anything that works for me thusfar. I am trying to fix my header, which works fine in firefox but has extra space in IE. Here are...
4
bakum
by: bakum | last post by:
Hi, i've got a basic layout as follows: One large table (height 100%) with two columns, left and right. Inside the left column are two divs#bottom #top. Inside the right column is one div#main. ...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: marcoviolo | last post by:
Dear all, I would like to implement on my worksheet an vlookup dynamic , that consider a change of pivot excel via win32com, from an external excel (without open it) and save the new file into a...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

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.