| | |
How to fix an image outside the <body> tag?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
you shouldn't position anything but a <head> section outside a <body> section in your code.
but, you can make the div with the image in it on a separate 'layer', by putting it into a div like this:
but, you can make the div with the image in it on a separate 'layer', by putting it into a div like this:
HTML and CSS Syntax (Toggle Plain Text)
<div style="position:absolute;top:0;left:0;">(picture here)</div>
Plato forgot the nullahedron..
Yes, however that doesn't fix the image in place. I use all kinds of div sections, but I'm unaware of any technique to fix an image (keep it from scrolling) outside of the body tag.
•
•
•
•
you shouldn't position anything but a <head> section outside a <body> section in your code.
but, you can make the div with the image in it on a separate 'layer', by putting it into a div like this:
HTML and CSS Syntax (Toggle Plain Text)
<div style="position:absolute;top:0;left:0;">(picture here)</div>
is this problem similar to yours?
http://www.daniweb.com/techtalkforums/thread63900.html
either way, you can't position anything outside the body tag or section. you can make it appear to be so, but breaking HTML rules causes weird behaviour.
http://www.daniweb.com/techtalkforums/thread63900.html
either way, you can't position anything outside the body tag or section. you can make it appear to be so, but breaking HTML rules causes weird behaviour.
HTML and CSS Syntax (Toggle Plain Text)
<html> <body> (everyything you want to show should be in here) </body> <div> (anything you put here is illegal, and will not work atall on some browsers) </div> </html>
Plato forgot the nullahedron..
I can't see that image.
There is a 'fixed' CSS attribute that gets mentioned in that thread.
A little research shows that it's not properly supported in IE6.. But it also shows some workarounds:
http://www.cssplay.co.uk/layouts/fixed.html
If you're already using this, I don't understand the question.
The answer to:
How to fix an image outside the <body> tag? Can it be done?
is No. you can't reliably do anything with elements/tags/sections that are not in the correct hierachal position. But, there should never be a need to break the HTML hierachy in an HTML file.
EDIT:
I see your edit, there is a way to make a fixed background:
http://www.w3schools.com/css/tryit.a...und-attachment
There is a 'fixed' CSS attribute that gets mentioned in that thread.
A little research shows that it's not properly supported in IE6.. But it also shows some workarounds:
http://www.cssplay.co.uk/layouts/fixed.html
If you're already using this, I don't understand the question.
The answer to:
How to fix an image outside the <body> tag? Can it be done?
is No. you can't reliably do anything with elements/tags/sections that are not in the correct hierachal position. But, there should never be a need to break the HTML hierachy in an HTML file.
EDIT:
I see your edit, there is a way to make a fixed background:
http://www.w3schools.com/css/tryit.a...und-attachment
Last edited by MattEvans; Jan 8th, 2007 at 4:35 am.
Plato forgot the nullahedron..
•
•
•
•
EDIT:
I see your edit, there is a way to make a fixed background:
http://www.w3schools.com/css/tryit.a...und-attachment
It's better to use the body section for backgrounds, divs sometimes don't fill the body's vertical height without hacking around with margins and paddings...
Plato forgot the nullahedron..
your div has no width or height. if it has no content, then it will be approx. 0 pixels high and wide, and will not show up atall.
this is always true, but is more noticeable with absolutely positioned divs.
either put some non-visible content in the div (hacky), or set a fixed width and height (advised).
you may find that that div does start scrolling with the page as it has a fixed anchor point. I dunno though: there is definately a calculatable compensation for the background attachment, it's just a question of whether browsers chose to make it.
this is always true, but is more noticeable with absolutely positioned divs.
either put some non-visible content in the div (hacky), or set a fixed width and height (advised).
you may find that that div does start scrolling with the page as it has a fixed anchor point. I dunno though: there is definately a calculatable compensation for the background attachment, it's just a question of whether browsers chose to make it.
Plato forgot the nullahedron..
![]() |
Similar Threads
- How to get the javascript objects in html body tag (JavaScript / DHTML / AJAX)
- Accessing JavaScript objects in the Body Tag (JSP)
- I Dont Know How To Change The Way My Site Looks! Can Someone Help Me?? (Site Layout and Usability)
Other Threads in the HTML and CSS Forum
- Previous Thread: safari bug
- Next Thread: Css help for a newbie -- HELP !!
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet intranet iphone javascript jpeg layout macbook maps mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7






