-----Original Message-----
From: Holly Bergevin [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, June 28, 2005 2:16 PM
To: CSS-D; George Smyth
Subject: RE: [css-d] Width Woes Again

From: "George Smyth" <[EMAIL PROTECTED]>
[clip]

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 
 
                  
Holly -

Thank you for the response.  I applied the Tan Hack to the code and it
appears to work fine.  I used:

* html .LocContainer {
   w\idth:478px;
}

following the definition for LocContainer.  I have no way of checking to
see if this works on a Mac or earlier version of IE, but I see that it
does actually look just fine on Konqueror.

I have never seen the underscore used, so I will play around with that
to get an understanding of that method.

BTW, what does "hth" mean?

Cheers -

george

______________________________________________________________________
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/

Reply via email to