This is an excellent example of why not to use hacks, but use your design
skills.
Stuart
On Tue, April 24, 2007 1:07 pm, al morris wrote:
> Hi,
>
> IE 7 now supports the *html hack, so the 'position: relative' style is
> being
> applied. You can still add hacks for IE 6 and/or IE 7 but it's tricky..
>
> If you need to send something to IE6 and nothing else: use the underscore
> attribute hack (_border:1px solid pink;)
>
> If you want to send something to IE7 AND IE6, use the attribute hack
> (*border:1px solid black;).
>
> If you want to send something to IE7 and NOT IE6, use a combination
> (*border:1px solid black; _border:1px solid pink;).
>
> Try adding an underscore in the IE 6 class...
>
> *html #bottom_nav { /*Enables the footer to be positoned below the
> wrapper in IE6*/
>
> _position: relative;
>
> bottom: -75px;
>
> right: 25px;
>
> text-align: right;
>
> width: 100%;
>
> height: 50px;
>
> }
>
>
> Al
>
> On 4/24/07, Cole Kuryakin <[EMAIL PROTECTED]> wrote:
>>
>> Hello All
>>
>>
>>
>> I was having an absolutely-positioned footer problem in IE6 which was
>> fixed with the following:
>>
>>
>>
>> #bottom_nav { /*Compliant Browsers*/
>>
>> position: absolute;
>>
>> bottom: -75px;
>>
>> right: 25px;
>>
>> text-align: right;
>>
>> width: 100%;
>>
>> height: 50px;
>>
>> }
>>
>>
>>
>> *html #bottom_nav { /*Enables the footer to be positoned below the
>> wrapper in IE6*/
>>
>> position: relative;
>>
>> bottom: -75px;
>>
>> right: 25px;
>>
>> text-align: right;
>>
>> width: 100%;
>>
>> height: 50px;
>>
>> }
>>
>>
>>
>> Yes, well, now that IE 7 has come out the footer ***Poof!*** vanishes
>> like it did under IE6 previous to the implementation of he above *html
>> declaration.
>>
>>
>>
>> Could someone give me a lead on what to do about this issue in IE 7?
>>
>>
>>
>> Unfortunatly, I am not allowed to use conditional comments to issue
>> version specific declarations which makes problems like these very
>> difficult to deal with.
>>
>>
>>
>> If you'd like to see the problem live, please go to
>> http://terashock.terapad.com/ in FF or IE6 and scroll to the bottom of
>> the
>> page to view how the footer is suppose to look; then view the same page
>> in
>> IE7.
>>
>>
>>
>> Any and all assistance greatly appreciated!
>>
>>
>>
>> Cole
>>
>>
>>
>>
>>
>>
>>
>> *******************************************************************
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: [EMAIL PROTECTED]
>> *******************************************************************
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
--
Stuart Foulstone.
http://www.bigeasyweb.co.uk
BigEasy Web Design
69 Flockton Court
Rockingham Street
Sheffield
S1 4EB
Tel. 07751 413451
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
