HTML BG Image

unknowndomain

unknowndomain

unknowndomain

Soldato
Joined
18 Apr 2004
Posts
2,613
Location
London
I am helping my lecturer to edit the html on this page however we need to make the background fit to the end of the screen and for what ever reason I cannot for the life of me get it to work even after following tutorials to do it, and playing endlessly in firebug.

Can anyone help?

http://beta.gdnm.org/
 
No it's not if you make the window bigger than the content so there are no scroll bars with a bg image attached to the body element it cuts out. If you do it to the HTML tag same thing happens but in reverse the content blocks out the background there's no way to have it stretch the body and div to 100% height?
 
you can use css to set the height of the body to 100%

in you css section of the page and in the body tag put height: 100%; and it should meet the bottom of the window.
 
I can't seem to re-create the situation you are talking about, on all browsers I have tried it on the background is meeting the bottom of the window when the content doesn't.

Or have you fixed it?
 
I managed to fix there being a white bar across the bottom in the last 30 mintues but now the issue is that the middle (white) column doesnt go to the end of the page on screens where the column is not as long as the window, hard to produce but on my 24" iMac it happens.
 
Yeah I fixed that it was messed up because or a
Misplaced bgcolor however issuen now is that the column doesn't stretch to the full height of the window if the window is bigger than the content.
 
Would make more sense to post the code.... you can always edit the names or links in the code you post if you prefer.

I think i know what you're trying to do, but in honesty, i don't think it will work on everyone's screen and setup.

I can't see 100% height working out for you either, that's fine when you first load the page, but then if you resize the window you're stuck with scrollbars even if the content doesn't need to scroll, at least unless you refresh again.
 
Well I'm only running 1440x900 here and it displays fine (no gaps and top or bottom), although it looks slightly broken in IE7 :)

The only weird thing is that chrome (using the element inspecter) says the calculated height of #wrapper is 1063px on my computer, where as I thought it would have been <= 900px. Weird.
 
LOL who actually has any justifiable reason for using IE why can't Microsoft just give up on their pointless browser war and use a mozila or webkit based engine with the IE name and then the whole issue is gone, and Microsoft look good for being standards compliant and supporting web standards, and they will port over activeX or what ever makes IE special to be a plug-in for the relevant browsers.

I think I will let my lecturer fix those issues, are you refering to the background of the two menu's and the mangled footer text?
 
You must log in or register to reply here.
Back
Top Bottom