Horizontal Website

im...LOST

Hi all,

I know this is something simple but I just can't seem to crack it. I want a horizontal web layout and the code is as below.

#container
{
	position:relative;
//	width:20000px;
	height:500px;
	border:solid blue 2px;
}

#post
{
float:left;
white-space:nowrap;	
}

<div id="header">
<h1>TitleTitleTitle</h1>
<h2>Something | AnotherThing | Hello</h2>
</div>

<div id="container">

<div id="post">
<img src="http://farm7.static.flickr.com/6200/6062305807_6c8302b9f2.jpg"  alt="Dundalk Half-1_z.jpg" height= "400" />
<h2>
This is a title
</h2>
</div>

<div id="post">
<img src="http://farm7.static.flickr.com/6200/6062305807_6c8302b9f2.jpg"  alt="Dundalk Half-1_z.jpg" height= "400" />
<h2>
This is a title
</h2>
</div>

</div>

Basically, I want to horizontally display a row of images but the problem I'm having is that when an image hits the right hand side of the page, it gets wrapped and pushed to the next line.

So I'd like to override this auto wrapping feature but I'm having no luck doing it.

Any help?

im...LOST

Got it.

#holder
{
	float:left;

	white-space:nowrap;
}

#post
{
	float:left;

}

DonkeyStyle \o/

I'm amazed I haven't seen the white-space: property before, CSS1 too. :eek:

28064212

Small point, but you shouldn't be using 'id' for your "post" divs. An id attribute should be unique within a page. You want to use "class=post" instead, and ".post" in your CSS

Placebo

like this? http://iamjpg.com/december/
i just did a quick hack with tables ha

28064212 wrote: »

Small point, but you shouldn't be using 'id' for your "post" divs. An id attribute should be unique within a page. You want to use "class=post" instead, and ".post" in your CSS

TECHNICALLY, but if you're 100% not using javascript then it doesnt matter, im not sure if validators have an issue with this though