Author Topic: CSS help (Read 1633 times)

ober · « **on:** November 11, 2011, 09:14:55 AM »

Ok... basic div 2 column layout:

Container:
#ctmsContainer {
margin: 5px 10px;
width: 100%;
}

Nav:
#nav {
width: 230px;
float: left;
}

Content:
#content {
margin-left: 240px;
}

Works in every browser EXCEPT IE7. In IE7, that motherfucking content area shifts down below where the nav area ends.

Any ideas??

micah · « **Reply #1 on:** November 11, 2011, 09:24:00 AM »

I'm guessing something about your contents within one of those divs. Is there something thats to wide in #content div?

This worked for me in IE 8's computability mode, with dummy one line content:

Code: [Select]

<style type="text/css">
#ctmsContainer {
   margin: 5px 10px;
   width: 100%;
}


#nav {
   width: 230px;
   float: left;
}


#content {
   margin-left: 240px;
}

</style>

<body>


<div id="ctmsContainer">
<div id="nav">
 here is my nav
</div>

<div id="content">
 here is some content
</div>

</div>

ober · « **Reply #2 on:** November 11, 2011, 09:24:15 AM »

Nevermind... fixed it by adding 'zoom:1' to the content area.

I swear, everytime I post here I find a fix 2 minutes later.

Steve · « **Reply #3 on:** November 12, 2011, 02:23:07 AM »

Quote from: ober on November 11, 2011, 09:24:15 AM

Nevermind... fixed it by adding 'zoom:1' to the content area.

I swear, everytime I post here I find a fix 2 minutes later.

It also would have been acceptable to auto-detect the browser and for any IE hit show a popup linking to FF or Chrome

EntropySink

News:

Author Topic: CSS help (Read 1633 times)

ober

CSS help

micah

Re: CSS help

ober

Re: CSS help

Steve

Re: CSS help