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
6  2338 
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.
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?
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.
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.
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.
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
Sign in to post your reply or Sign up for a free account.
Similar topics
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>...
|
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...
|
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...
|
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...
|
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...
|
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...
|
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...
|
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...
|
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. ...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: aa123db |
last post by:
Variable and constants
Use var or let for variables and const fror constants.
Var foo ='bar';
Let foo ='bar';const baz ='bar';
Functions
function $name$ ($parameters$) {
}
...
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
| |
