box hack ie6

Questions and tutorials related to Cascading Style Sheets *all versions*

Moderators: egami, macek, gesf

Post Reply
New php-forum User
New php-forum User
Posts: 7
Joined: Tue Jan 28, 2003 3:54 am

Sun Mar 28, 2004 5:33 am

I have a page that is enclosed in the following wrapper:

color: #000;
margin: 10px auto;
padding: 0;
width: 750px;
background: #fff;

I also have the following content classes:
padding: 0;
margin: 0;
border: 0;
text-align: left;
color: #091A37;
clear: both;

float: left;
margin: 10px 10px 10px 0;
padding: 0 10px 0 0;
width: 750px;
/* box model hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 710px;
font-size: 9px;

The problems are the following:
in #pagina
If I don't put a box model hack in this class, the wrapper increases by about 40 (could be 50) pixels. Although the hack fixes the wrapper problem it obviously limits the width of my #pagina content to 710px.

How can I fix this so the wrapper doesn't increase in size and I can use the full 750px of the #pagina.

Hope I have explained this well enough

many thanks

User avatar
Posts: 826
Joined: Tue Jan 21, 2003 10:42 pm
Location: Michigan USA

Sun Mar 28, 2004 6:53 pm

The box model hack exists because IE does the box model wrong.

As defined in the box model padding, margin, borders, and content are looked upon to get the full dimensions of the element.

Post Reply