Really Quick and Easy question about positioning in CSS

**tradingjamie** · 06-30-2009, 03:09 PM

Hi guys,

Hopfully this will be a really easy question for you...

basically I have some css code:

Code:

#container {
	background-color: #CCFFCC;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: 2000px;
}
#header {
	background-color: #009900;
	height: 150px;
	width: 950px;
}
#logo {
	background-color: #FF6600;
	height: 150px;
	width: 150px;
}
#search {
	background-color: #0033FF;
	height: 150px;
	width: 150px;
	float: right;
}

Ive just made them colour boxes to help me out see them.

Then in an index.php file I have the following:

Code:

<div id="container">

  <div id="header">
    <div id="logo"></div>
    <div id="search"></div>
   </div>
   
</div>

The result is this:

w3.zeeboodee.com (cant post urls)

The thing is that how do I edit the code so that the blue box goes inside the green header box? At the moment it is sitting outside it to the bottom right, but I want it to be inside to the right.

Any ideas?

Thanks very much

Jordan · 06-30-2009, 06:06 PM

You have some errors in your HTML, you never end <HEAD> (should be after you link to the CSS) and you do not have a <body> tag. I don't think these cause your problem, I'm just letting you know.

Try adding

Code:

float: left;

in the logo CSS. That might resolve your problem.

**tradingjamie** · 07-01-2009, 02:38 PM

Thanks Jordan - the float left worked.

Jordan · 07-01-2009, 06:24 PM

No problem, glad it helped.

Thread: Really Quick and Easy question about positioning in CSS

LinkBack

Thread Tools

Search Thread

Display

Really Quick and Easy question about positioning in CSS

Re: Really Quick and Easy question about positioning in CSS

Re: Really Quick and Easy question about positioning in CSS

Re: Really Quick and Easy question about positioning in CSS

Thread Information

Users Browsing this Thread

Similar Threads

Quick (and probably easy) question regarding c++

quick and easy programming code any takers?

Quick program for easy money!

quick question (php)

Can someone do this quick/easy program for me?

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions