Subject: [css-d] Easy question on differing IE & FF margins
>
>
> I'm sure I've seen the answer but have failed miserably to find it today.
> I'm working on reconstructing a site at
> www.jimbarnettconsulting.com/test/template.html.
>
> Easy 3 column layout:
>
> div header
> div menu floated left with 10px left margin
> div blog floated right with 10px right margin
> div content in the center with margins left & right for menu &
> blog content
> div footer
>
> The layout is fine but in IE 10px is exactly where I need the
> margins. In FF
> 20px is exactly where I need the margins. I want to keep designing for FF
> since it's the browser that really works but I need to make it
> look right in
> IE as well. What's the solution to this margin problem?
>
> Thanks and have a good Thanksgiving!
>
> Mike
Hi Mike
Fix as follows: need to position your menu and blog and then do the math on
the content
#menu {position:relative;
border: 1px #3a2a1a solid;
left: 10px;
width: 150px;
float: left;
}
#blog {position:relative;
border: 1px #3a2a1a solid;
right: 10px;
width: 250px;
float: right;
}
#content {
background-color:#807060;
margin-left: 162px;
margin-right: 262px;
}
I have also changed your border to a number so that the math computes
However, in a separate isseu, you will also need to change your height and
line height in the menu and blog to % or ems as they break on zoom.
Cheers
Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.14.12/545 - Release Date: 21/11/2006
22:36
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
