I have a page at <!-- m --><a class="postlink" href="http://www.printfreegraphpaper.com/">http://www.printfreegraphpaper.com/</a><!-- m --> (Please note that the graphing files have not been uploaded yet.)
Everythings all laid out and valid.
I have an element that I wanted at the top right of the screen, but is not important to the content of my site. Because it's content wasn't important, I wanted to move that part of the code to the very bottom of my page for search engine optimization reasons.
I gave the element a class and even though the code is at the bottom of the script, I told it to appear at the top right of the page.
That works fine.
Unfortunatly, even though I gave the class a margin, all my other elements are not wrapping around it, but gets hidden underneath the top right element.
Am I missing something? How can I make the other elements wrap around the top right element and place nice?
ThanksIf it is position:absolute; then it is removed from the flow of the document. It will cover anything with a z-index below its own and will be covered by anything with a z-index above its own.What you can do to fix this is contain the rest of the content in a wrapper div with a margin-right wide enough .wrapper {margin-right:200px;} then place <div class="wrapper"> after the <body> tag and close the div before your ads.
Everythings all laid out and valid.
I have an element that I wanted at the top right of the screen, but is not important to the content of my site. Because it's content wasn't important, I wanted to move that part of the code to the very bottom of my page for search engine optimization reasons.
I gave the element a class and even though the code is at the bottom of the script, I told it to appear at the top right of the page.
That works fine.
Unfortunatly, even though I gave the class a margin, all my other elements are not wrapping around it, but gets hidden underneath the top right element.
Am I missing something? How can I make the other elements wrap around the top right element and place nice?
ThanksIf it is position:absolute; then it is removed from the flow of the document. It will cover anything with a z-index below its own and will be covered by anything with a z-index above its own.What you can do to fix this is contain the rest of the content in a wrapper div with a margin-right wide enough .wrapper {margin-right:200px;} then place <div class="wrapper"> after the <body> tag and close the div before your ads.