[SOLVED] CSS beginner problem-- middle column overflows
Posted: Fri Nov 30, 2007 4:24 pm
feyd | Please use
And they are all nested inside a wrapper:
The problem can be seen in this screenshot:
http://img132.imageshack.us/img132/9954 ... lembb9.png
The middle column overflows into the left column when the left column ends, rather than staying within its boundaries.
Is it something wrong in the stylesheet? How can I fix this?
feyd | Please use[/syntax]
Code: Select all
,Code: Select all
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]
I'm new to CSS, so this is probably something simple to many of you.
I have three columns, left is navigation bar, middle is main text, right is another navigation bar.
Here are the style definitions:
[syntax="css"]
#leftcolumn {
color : #333;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
min-height : 850px;
width : 200px;
float : left;
}
#middlecolumn {
float : center;
color : #333;
background : #fff;
margin : 0 0 0 0;
padding : 0;
min-height : 870px;
width : 100%;
display : inline;
}
#rightcolumn {
color : #333;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
min-height : 850px;
width : 200px;
float : right;
}Code: Select all
#wrapper {
margin : 5px auto 5px auto;
width : 80%;
overflow: visible;
background:#FFFFFF none repeat scroll 0%;
display:block;
overflow:visible;
position:relative;
} http://img132.imageshack.us/img132/9954 ... lembb9.png
The middle column overflows into the left column when the left column ends, rather than staying within its boundaries.
Is it something wrong in the stylesheet? How can I fix this?
feyd | Please use[/syntax]
Code: Select all
,Code: Select all
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]