Okay, here's the page in question. http://www.rockymountainpond.com/metal/examples.php
I had it working fine in IE, in which the main background would extend all the way to the bottom even with the pictures in there, though it never worked right with FF or Opera.
Now for some reason I messed something up in the code and I can't get it to work in IE anymore... Here's the CSS
Any ideas? I have wrestled with it for a couple hours now and my shift is about to end, so any help by morning would be appreciated. Firefox and Opera just don't seem to like the idea of height 100% doing what it's SUPPOSED to do. =P
10 2149
IE is doing what you want but IE is not performing correctly, as usual. This is a bug in IE and frustrates many developers. Parent divs are NOT to expand to enclose floated content but IE does it anyway. Firefox and Opera and every other browser does get this right.
To get modern browsers, ie not IE, to do what you want, add overflow:auto; to your #frame div.
In addition, IE struggles with height, not the other browsers. More problems are caused by the use of height in IE than any other.
Well that did what I wanted it to do, but now there's an unsightly scrollbar enclosing around the #frame div.
Because you specified the height of the frame as 100%. Remove that.
Aha! Genious! Thanks, it looks great now =]
Actually now the only thing I'd like to figure out is how to get the #frame div to expand the entire height of the window, not just 100% of the content.
I've tried looking for a lead on how to do this (again, I had it working in IE7, somehow...then lost it) but no matter what I tried, Firefox and Opera both would not do it. It seems like yeah, neither of those browsers follow the same rule as IE was previously. If there is a hack around this can anyone point me in the right direction?
It's either that or just give #frame a fixed height of like... 2000 =X
Always remember that IE, including the new IE7, do a lousy job of following the standards while Firefox and Opera do a very good job of it. Do not expect code that does what you want in IE to work elsewhere because IE is just that bad. Always get your code working in FF or Opera first. Then adjust for IEs quirks and bugs.
I do not know what you mean about the full height of the window and not the content.
Always remember that IE, including the new IE7, do a lousy job of following the standards while Firefox and Opera do a very good job of it. Do not expect code that does what you want in IE to work elsewhere because IE is just that bad. Always get your code working in FF or Opera first. Then adjust for IEs quirks and bugs.
I do not know what you mean about the full height of the window and not the content.
The background, #frame div, I want that to extend to the bottom of the page, but it only appears to go as far as the content does on the page. That is, where the text/images, whatever stops, is where the #frame div stops, leaving blank space at the bottom where the background shows through.
height: 100% apparently only means 100% of the visible content on the page, and not 100% of the viewport.
I do design and check my work in FF first, always, but I figured maybe IE actually did something right this time. Silly me.
It does go to the bottom from what I can tell. I changed the background color and it hits the bottom for me. I guess I don't know what you mean by 'the bottom of the page'. It already scrolls to get further down but you want it to go further?
It does go to the bottom from what I can tell. I changed the background color and it hits the bottom for me. I guess I don't know what you mean by 'the bottom of the page'. It already scrolls to get further down but you want it to go further?
Ah, wait my mistake. Go to the HOME link at the top of the page.
It appears fine right now because there is content filling the entirety of the page, but as you can see on the HOME page, it stops after the header. The thing here is, I'm not entirely sure I'd have enough content on that page to make the div stretch to the bottom like the one I got on the gallery to.
Add height:100%; to #frame.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: David Winter |
last post by:
This is a totally trivial CSS problem, I'm sure, but I don't get it.
I want a centered DIV with a fixed width between two other DIVs that
should fill the rest of the window/viewport (= 100%). How...
|
by: deko |
last post by:
Is there any way to work around the blank space created by hidden divs? I'm
trying to use a relatively postioned divs with show/hide behaviors to
annotate an image. The divs show/hide...
|
by: red |
last post by:
How do I center two side by side divs ?
I've been writing css pages for a while but there's one thing tha still
eludes me.
I can center a div with margin auto.
I can place two divs side by side...
|
by: Patrick |
last post by:
Hi All,
Background image is in place and a Div (yellow border) inside center Div
column is positioned where I want it to be. Now the problem is that in
Mozilla my third column div is dropping...
|
by: DolphinDB |
last post by:
Tired of spending countless mintues downsampling your data? Look no further!
In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
|
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: 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: jfyes |
last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
|
by: ArrayDB |
last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: Shællîpôpï 09 |
last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
| |