Click to See Complete Forum and Search --> : Small screen size causing newline issues


bejitto101
01-27-2009, 12:49 AM
Hi, my issue is basically thus, if the screen size is too small, it forces a div to make a new line. This is only viewed in IE.

It is an elastic right column with a fixed left sidebar. I've tried overflow: hidden; but that doesn't fix the issue. I'm at a loss of what to do to fix this.

The site that has the issue can be seen here: http://www.entertainmentengineering.com/v6.issue01/

Here's the relevant CSS:

#header_nav{
float:left;
width: 999px;
background-color: #EDEAE1;
}
#twitter{
margin-left: 999px;
padding: 15px;
min-width: 150px;
overflow: hidden;
}
#buttons{
float: left;
width: 135px;
text-align: center;
padding: 15px;
margin-right: 3px;
background-color: black;
}
#issue{
margin-left: 165px;
padding: 50px 20px;
text-align:center;
overflow:hidden;
min-width: 1000px;
}


#header_nav is the header image and nav at the top, while #twitter is the two links to the right. #buttons is the left sidebar with a bunch of buttons and #issue is the main content area.