From: "George Smyth" <[EMAIL PROTECTED]>
>>>I am putting together a site that can currently be viewed at
>>>http://sacc-jobfaircom.readyhosting.com/.
>>>in Internet
>>>Explorer the three boxes with the images do not fit across.
>>The xml declaration at the beginning of your page has put IE6 into
>>quirks rendering mode. In this mode, IE6 uses the same broken box model
>>as it's predecessors.
~holly wrote:
>>To fix this (for IE6) you can remove the xml declaration. Alternately,
>>you will need to write separate width settings for the IEs as you have
>>discovered since both IE5 and IE5.5/Win display the same way that IE6
>>does now. You can use the Tan hack (star HTML selector bug) to target
>>only IE, however you'll probably want to hide that from IE5/Mac, as it
>>doesn't have an incorrect box model rendering.
George replied:
> I would really like to work with it, so I will
>see if I can get the Tan hack to work (I was not able to get this to
>work properly the last time I tried, but will give it another shot).
Hi again George,
The first thing you will need to do on the road to getting the Tan hack to work
is remove your (inline)styles from your HTML page to a separate style sheet,
either embedded in the head of the document, or stored as a separate,
linked/imported sheet. The Tan hack needs to work from a style sheet.
After you've done that, (which will probably require some classes/IDs being
added to your HTML so you can target the elements you need to) the Tan hack
should be pretty easy to write, something like -
/* \*/
* html [the ID or class you chose for the container] {width: 478px;}
/* */
I forgot before, (I guess because I don't like to use it so I don't think of it
as a solution), there is another way you can probably do this and retain the
inline styles if you want. After the width:472px; that you have in the style
attribute of that container div, you can add the following -
_width: 478px;
IE/Win will read this. So the opening tag of that div would look like (extra
spaces in tag added by me) -
< div style="border: 1px solid rgb(0, 0, 102); margin: 0pt auto; padding: 2px;
width: 472px; _width: 478px;" >
Note also that because of the quirks mode, IE6 will not center your lower divs
(the ones with the text in paragraphs) with the auto margins you are using on
them. The IE5s won't do it anyway, so you will probably need to rethink how you
are going to accomplish that if you want the spacing that is visible in other
browsers.
hth,
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
