CSS Layout Troubles

Maverick25r · #1 (**permalink**) Sep 21st, 2006, 15:20

I am trying to create a tableless 2 column layout. Now I have a container, for the 2 columns but I want to put in another container on the first column with more divs but everything comes out funky. Is this even possible? Here is the code.

HTML

HTML: Select all

<div id="container">
<div id="info">	
<div id="info1">
</div>
<div id="info2">
</div>
<div id="info3">
</div>
<div id="info4">
</div>

</div>

<div id="content">
</div>
</div>

Here is the CSS

Code: Select all

#container {
}

#info {
}

#info1 {
	background-image:url(images/info1.jpg);
	background-repeat:no-repeat;
	height:228px;
	width:185px;
	float:left;
}

#info2 {
	background-image:url(images/info2.jpg);
	background-repeat:no-repeat;
	height:72px;
	width:185px;
	float:left;
}

#info3 {
	background-image:url(images/info3.jpg);
	background-repeat:no-repeat;
	height:132px;
	width:185px;
	float:left;
}

#info4 {
	background-image:url(images/info4.jpg);
	background-repeat:no-repeat;
	height:58px;
	width:185px;
	float:left;
}

#content {
	width:471px;
	height:490px;
	float:left;
	background-color:#FFFFFF;
}

ukgeoff · #2 (**permalink**) Sep 21st, 2006, 16:23

At the moment, your #container and #info do not have any styling. This is not helping.

Assuming #info1, etc are the width of #info, you shouldn't be floating these. They should naturally fall onto place on after the other.

moojoo · #3 (**permalink**) Sep 21st, 2006, 16:26

http://www.newbeginningsdesign.com/s...mn_layout.html

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
having some troubles	luv2php	PHP Forum	7	May 26th, 2008 05:40
IE Troubles	motormaniac	Web Page Design	0	May 11th, 2008 00:01
Table-free layout troubles	EdgeWalker	Web Page Design	6	Feb 2nd, 2007 20:34
PHP Troubles	Maverick25r	PHP Forum	1	Sep 1st, 2006 03:22
IE troubles	Maverick25r	Web Page Design	2	Jul 24th, 2006 23:34

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
CSS Layout Troubles