473,320 Members | 2,029 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,320 software developers and data experts.

Divs fall off edge of the page?

SamKL
27
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
Oct 2 '06 #1
10 2149
drhowarddrfine
7,435 Expert 4TB
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.
Oct 2 '06 #2
SamKL
27
Well that did what I wanted it to do, but now there's an unsightly scrollbar enclosing around the #frame div.
Oct 3 '06 #3
drhowarddrfine
7,435 Expert 4TB
Because you specified the height of the frame as 100%. Remove that.
Oct 3 '06 #4
SamKL
27
Aha! Genious! Thanks, it looks great now =]
Oct 3 '06 #5
SamKL
27
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
Oct 3 '06 #6
drhowarddrfine
7,435 Expert 4TB
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.
Oct 4 '06 #7
SamKL
27
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.
Oct 4 '06 #8
drhowarddrfine
7,435 Expert 4TB
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?
Oct 4 '06 #9
SamKL
27
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.
Oct 4 '06 #10
drhowarddrfine
7,435 Expert 4TB
Add height:100%; to #frame.
Oct 4 '06 #11

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

Similar topics

2
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...
12
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...
15
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...
5
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...
0
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...
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...
1
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: 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...
0
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...
1
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)...
0
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...
1
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....
0
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

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.