RE: [WSG] Disappearing element in IE

2007-05-14 Thread Stuart Foulstone
Hi,


Given that you are using absolute positioning for #bottom_nav, I don't
quite get why your using display:inline in the CSS after it.  What happens
if you remove it from #bottom_nav?  As in,


#bottom_nav {
text-align: right;
position: absolute;
right: 9px;
bottom: 0px;

 /*   display: inline; */
height: 196px;
width: 535px;
  *width: 550px;

background: url(/resources/5661/assets/images_community/footer.jpg)
no-repeat 0 0;
}



On Mon, May 14, 2007 12:12 am, Cole Kuryakin wrote:
 Hello Kepler -

 Thanks for your tip; unfortunately since this is a hard-wired blogging
 system, the HTML cannot be changed so I cannot implement an HTML-based
 fix.
 Just to see if you were right (about display:inline; pushing the content
 to
 the right of the wrapper) I did re-set my screen resolution to 1600 and I
 didn't see it either.

 If I float the UL, the footer graphic and links do appear in both IE and
 FF
 so I know it has something to do with the absolute positioning of this
 element -- but I just don't know how to fix it for IE.

 I'm starting to get the shakes that this one issue is going to hose the
 entire design.

 Anyone else have any ideas to fix this via the CSS? Please???

 Thanks in advance as always!

 Cole

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
 Behalf Of Kepler Gelotte
 Sent: Monday, May 14, 2007 1:06 AM
 To: wsg@webstandardsgroup.org
 Subject: RE: [WSG] Disappearing element in IE

 If anyone would like to see it live, go here:
 http://teratest.terapad.com.

 Make sure to look in FF first to observe the required specification;
 then
 in
 IE 6 or 7.

 Thanks to all in advance for their help!

 Hi Cole,

 Your CSS looks Ok. What I believe is happening is that since the
 #bottom_nav
 container overlaps the #content_wrapper above it and the fact that you
 specified #bottom_nav as display:inline, IE puts the content to the right
 of
 #content_wrapper. By adding a break to your HTML will tell IE to place the
 next element below instead of next to. Here is the section of HTML with
 the
 break added:

 DIV id=extra_9!-- --/DIV!-- End content_wrapper --/DIV
 BR clear=left /
 UL id=bottom_nav

 I only tested in IE7, don't know if it will behave in IE6.

 Regards,
 Kepler Gelotte
 http://www.neighborwebmaster.com




 ***
 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]
***



Re: [WSG] Disappearing element in IE

2007-05-14 Thread Gunlaug Sørtun

Cole Kuryakin wrote:

ANYWAY ... I really don't know what's causing the problem ... pretty 
straight forward stuff that I recall accomplishing in other designs.


Nothing is straight forward in IE/win when 'position: absolute' is used
- especially next to floats.

I suggest you change to...

#bottom_nav {
position: static;
float: right;
margin: -150px 9px 0 0;
height: 196px;
width: 535px;
*width: 570px;
background: url(/resources/5661/assets/images_community/footer.jpg)
no-repeat 0 0;
}

...and see if that's close enough for comfort.
I don't have time to go through the stylesheet in details, so the above 
is a complete override.


regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Disappearing element in IE

2007-05-14 Thread Thierry Koblentz

#bottom_nav {
position: static;
float: right;
margin: -150px 9px 0 0;
height: 196px;
width: 535px;
*width: 570px;
background: url(/resources/5661/assets/images_community/footer.jpg)
no-repeat 0 0;
}


I'd add display:inline, just to make sure IE doesn't double the right 
margin.


---
Regards,
Thierry | www.TJKDesign.com 




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] Disappearing element in IE

2007-05-13 Thread Cole Kuryakin
Hello All -

I've got an absolutely positioned UL in a design that I'm using as a footer
background.

In FF it's perfect (stuck to the bottom of the wrapper div as required). In
IE (6 and 7) it's gone - no where to be found.

Specification of this design is to keep it stuck to the bottom of the main
wrapper no matter how much or little content there is... but I just can't
figure this one out.

The rule in question - as well as it's interior LI rule - is shown below.

#bottom_nav {
text-align: right;
position: absolute;
right: 9px;
bottom: 0px;

display: inline;
height: 196px;
width: 535px;
  *width: 550px;

background: url(/resources/5661/assets/images_community/footer.jpg)
no-repeat 0 0;
}

#bottom_nav li {
position: relative;
top: 153px;
right: 15px;
padding: 0 0 0 5px;
font-size: 11px;
display: inline;
line-height: 15px;
color: #FFF;
}

If anyone would like to see it live, go here: http://teratest.terapad.com.

Make sure to look in FF first to observe the required specification; then in
IE 6 or 7.

Thanks to all in advance for their help!

Cole



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Disappearing element in IE

2007-05-13 Thread Cole Kuryakin
Hello Kepler -

Thanks for your tip; unfortunately since this is a hard-wired blogging
system, the HTML cannot be changed so I cannot implement an HTML-based fix.
Just to see if you were right (about display:inline; pushing the content to
the right of the wrapper) I did re-set my screen resolution to 1600 and I
didn't see it either.

If I float the UL, the footer graphic and links do appear in both IE and FF
so I know it has something to do with the absolute positioning of this
element -- but I just don't know how to fix it for IE.

I'm starting to get the shakes that this one issue is going to hose the
entire design.

Anyone else have any ideas to fix this via the CSS? Please???

Thanks in advance as always!

Cole

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kepler Gelotte
Sent: Monday, May 14, 2007 1:06 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Disappearing element in IE

 If anyone would like to see it live, go here: http://teratest.terapad.com.
 
 Make sure to look in FF first to observe the required specification; then
in
 IE 6 or 7.
 
 Thanks to all in advance for their help!

Hi Cole,

Your CSS looks Ok. What I believe is happening is that since the #bottom_nav
container overlaps the #content_wrapper above it and the fact that you
specified #bottom_nav as display:inline, IE puts the content to the right of
#content_wrapper. By adding a break to your HTML will tell IE to place the
next element below instead of next to. Here is the section of HTML with the
break added:

DIV id=extra_9!-- --/DIV!-- End content_wrapper --/DIV
BR clear=left /
UL id=bottom_nav

I only tested in IE7, don't know if it will behave in IE6.

Regards,
Kepler Gelotte
http://www.neighborwebmaster.com




***
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]
***