1 reply [Last post]
joshka89
Offline
newbie
Last seen: 13 years 35 weeks ago
Joined: 2009-05-31
Posts: 1
Points: 0

: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?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 19 min 26 sec ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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.