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  2365 
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;padd ing: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>
#treecontainer
{
|
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 {display:block}' already to get rid on
Netscape's problem with putting space around images, but it does nothing for
this. Setting margins and padding to zero do nothing also. Here's the code:
|
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 want it to be, but in NN6.2 and
Opera7.11 there's a gap between them. I've tried all the fixes I can think
of, but can't get it to work. Any help would be much appreciated.
Pared-down example: http://www.tonyturton.com/test/styletest.html...
|
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 space between the
first visible div, and everything beneath the 5th. Here is this code:
<form name="f">
<div id="Item0">Item 1:<input type="text" size="32" maxlength="32"
name="Name0" id="Name0"></div>
|
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 div is.
I start with two visible divs and in between them are two more hidden
ones...in Firefox this works fine--the two visible ones are right next
to each other, the button fires the script and the other div shows up
in the middle. Another...
| | |
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 is a different
size. It would be great if i could make the div take up all of the
space in each cell. Is there a way to do that? I've tried using the
height property in CSS, but that doesn't make the divs any taller.
-d
|
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
panel' is spaced a picel or two lower than the div 'ItemsPanel' even though
both are the same height. Oddly enough, if you remove the table (ID
Removemetowork) this phantom space dissappears and everything is fine with
the world
Problem 2:...
|
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 example html and
css files that illustrate my problem:
http://torch.cs.dal.ca/~mroger/css/ietest.html
http://torch.cs.dal.ca/~mroger/css/styles.css
I would like to get both browsers to display the page as firefox does.
That is, with no space...
|
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.
All div CONTENT is variable height, however I want div#main to always be 100% for layout purposes, hence I put a height:100% on it. #top + #bottom + a 10px margin between them need to add up to 100%, but since their sizes are variable I didn't...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
| | |
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
