473,395 Members | 1,456 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,395 software developers and data experts.

100% Height problem only in Firefox?

Hello

Well I'm a newbie to CSS and I have an issue with using 100% height when viewed in Firefox. If I use a pixel measurement, everything works well. I uploaded it to my site: http://www.realbabyguide.co.uk/test.html

I'm trying to make an always centered DIV which I've called container. The website fits into this DIV. The yellow blocks are floated left.

Any ideas? I'm tearing my hair out (what's left of it!). Maybe I should have stuck with tables...
Sep 24 '06 #1
3 12823
drhowarddrfine
7,435 Expert 4TB
The problem is not 100% height. The problem is you are expecting the container div to expand to contain the floated content. That is not how it works. IE does expand the div but that is a bug in IE and incorrect behavior.

To get your container to expand, add overflow:auto; to the container css.
Sep 27 '06 #2
Holy crap, thank you sooooo much for this. I know it is one of the simplest problems, but it has plagued me for weeks.
Oct 29 '06 #3
Thank a lot man. working fine.

resolved with "overflow:auto"
Mar 14 '12 #4

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

Similar topics

0
by: Robert | last post by:
Hi, I am having some difficulty to have two DIVs or cells on top of eachother that take (at least) 100% of the browser height. First I tried to use DIVs and set them HTML and BODY height to...
3
by: fred | last post by:
Why does not the below code work in IE or FF? I have a table taking up the full browser window made up of three rows. The middle row has an ID of "row" and contains a div with an ID of "div". ...
5
by: esingley | last post by:
I've done a lot of poking around the web and this newsgroup and have seen a number of answers to this question. But, I wanted to appeal to the experts here one last time before I decide to let the...
17
by: Mike | last post by:
I'm trying to create a page: Three sections (left, topright and bottomright), each with a heading and scrolling (overflow) content. The size of these sections should be based upon the size of the...
4
by: reycri | last post by:
I have a page that works as I intend in IE but not in Firefox: <html> <head> <title>Overflow Test</title> </head> <body style='overflow:hidden; margin:0; padding:0;'> <table border='0'...
5
by: Dag Sunde | last post by:
I ran into a problem i just *know* I've seen described a 100 times before I have an empty (so far) div with ist height: set to 100%. The main reason for this div is to show its white border-right...
4
by: atma86 | last post by:
what up people, i'm writing an app which includes a page that has 2 divs side by side. the page is set up to fill the table containing the divs to 100% of the width of the pages. I want the height...
0
by: JimmyHoffa | last post by:
Can anyone help me get I.E 6 to show an absolute positioned div with height as 100% to actually be 100% height of its containing div (which also has height set to 100%)? I.E 7 and Firefox both...
6
by: R144N | last post by:
Hi Everyone, I have finally taken the step to bring a site to the 21st century with HTML 4.01 with the height tag having been deprecated. I have read numerous articles claiming that the CSS...
1
by: psion | last post by:
Hi, We have a gridview on a webpage, which we would like to be 100% of the table cell in which it is placed. When we specify the width to be 100%, this has no effect, but only if we specify a...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
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...
0
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...
0
marktang
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,...
0
Oralloy
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,...
0
tracyyun
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...

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.