Problem with CSS - Webmaster Forum - Web Design, Programming and SEO forums

11-27-2005, 07:46 PM

sketchie

Status: Senior Member
Join date: Jul 2005
Location:
Expertise:
Software:

Posts: 835

iTrader: 1 / 100%

sketchie is on a distinguished road

Problem with CSS

I have div wrapping around two divs (one of these divs is floating to the right).

I'm having a problem with this div that floats to the right, it floats fine but if it becomes taller than the other div, it goes straight passed the div that wraps around it.

CSS:

Code:

#maincontainer
{
top: 10px;
border: 1px solid #cacaca;
margin: 5px;
padding: 1px;
}

#right
{
float: right;
margin: 0;
padding: 1px;
padding-left: 5px;
width: 203px;
background-color: #ECEAEB;
font-size: 12px;
}

#content
{
padding: 1px;
margin: 1px;
width: 520;
}

HTML:

HTML Code:

<div id="maincontainer">
	  <div id="right"><span class="subheader">Navigation<br/></span>
	            <a class="navi" href="#">Home<br/></a>
				<a class="navi" href="#">What is PHP?<br/></a>
                <a class="navi" href="#">Beginner Tutorials<br/></a>
				<a class="navi" href="#">Search<br/></a>
	  </div>
		<div id="content"><span class="subheader">News<br/></span>
  		<span class="text">Well isn't this some nice news for you all... yes in dooodably...</span></div>
		
	</div>

Can anyone tell me why it does this, and how to fix it?