This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > May 2005 > CSS columns





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author CSS columns
john.burton@jbmail.com

2005-05-19, 8:04 am

I'm sure this must be a common question but I can't find a search that
gives me the answer to this without finding so many other pages that
are not related.

If I create a left column using the html below the main text wraps
around the left div below it. I'd like it to continue down in a single
column instead of wrapping around the bottom of the left div.

How can I achieve this?


<html>
<head>
<style>
#left {
float: left;
width: 10em;
background-color: #FF9966;
}
</style>
<body>
<div id="all">
<div id="left">
The left text goes here and should all go in the left most column.
</div>
<div id="main">

This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
This is where the main text goes. This is where the main text goes.
This is where the main text goes.
</div>
</div>
</body>
</html>

Els

2005-05-19, 8:04 am

john.burton@jbmail.com wrote:

> I'm sure this must be a common question but I can't find a search that
> gives me the answer to this without finding so many other pages that
> are not related.
>
> If I create a left column using the html below the main text wraps
> around the left div below it. I'd like it to continue down in a single
> column instead of wrapping around the bottom of the left div.
>
> How can I achieve this?


By setting a left margin on the main text.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: House Of Lords - Can´t Find My Way Home
john.burton@jbmail.com

2005-05-19, 8:04 am

Oh, right.
Thanks :)

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews