Sun, 2009-05-31 13:38
:curse:
ok so, i have a div with ID Outer, that contains my whole bit of content.
then i have a top float div, a left float logo div, and another top float content div
when i code like so:
body { background-color: red; padding: 0px; margin: 0px 0px 0px 0px; } div#header { color: #FFFFFF; text-align: center; background-color: red; font-family: "Century Gothic"; font-size: 20; font-weight: bold; margin-top: 0px; padding: 0px; float: top; } div#outer { overflow: auto; background-color: white; height: 600px; width: 80%; background-color:#FFFFFF; margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-right: auto; padding: 0em; border: solid white; } div#content { float: top; width: 800px; margin-left: 80px; margin-top: 0em; padding: 0px; margin-right: 20%; } div#banner { width: 80px; float: left;
it all works fine
however, if i add a overflow: scroll; or overflow: auto; to the div#content
then that div section falls underneath my logo on the left.
here's to coresponding html coding
<html> <head> <title>Vodafone</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="banner"> <img id="sidebanner" src= "Vodabanner.jpg" alt= "Vodafone home page"> </div> <div id="header"> vodafone </div> <div id="content"> <p>aslkkfhmcaeowfmawehfjahwejcmaeuwhtulaehwjaewhmacfjkaehmwjkcfgaejkwhmajhmglawemhguaehwguihcmaehwlehgaumehiwgaweslk kfhmcaeowfmawehfjahwejcmaeuwhtulaehwjaewhmacfjkaehmwjkcfgaejkwhmajhmglawemhguaehwguihcmaehwlehgaumehiwgawe aslkkfhmcaeowfmawehfjahwejcmaeuwhtulaehwjaewhmacfjkaehmwjkcfgaejkwhmajhmglawemhguaehwguihcmaehwlehgaumehiwgawe aslkkfhmcaeowfmawehfjahwejcmaeuwhtulaehwjaewhmacfjkaehmwjkcfgaejkwhmajhmglawemhguaehwguihcmaehwlehgaumehiwgawe </p> </div> </body> </html>
http://www.geocities.com/vikinger89/FinalProject/index.html
there's my link
as you can see, the words are down below the banner image on the left, and i don't want that.
also is there a way to make the banner image on the left stay there as i scroll?
Sun, 2009-05-31 22:24
#1
Hi joshka89, The only
Hi joshka89,
The only options for float are: left, right, none.
Try validating your stylesheets, it may help with your issue.