Board index   FAQ   Search  
Register  Login
Board index php forum :: HTML CSS

box hack ie6

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

Moderators: macek, egami, gesf

box hack ie6

Postby jarow » Sun Mar 28, 2004 5:33 am

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

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

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

#pagina
{
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
jarow
New php-forum User
New php-forum User
 
Posts: 7
Joined: Tue Jan 28, 2003 3:54 am

Postby Redcircle » 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.
User avatar
Redcircle
Moderator
Moderator
 
Posts: 830
Joined: Tue Jan 21, 2003 10:42 pm
Location: Michigan USA


Return to CSS

Who is online

Users browsing this forum: No registered users and 0 guests

Sponsored by Sitebuilder Web hosting and Traduzioni Italiano Rumeno and antispam for cPanel.