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: [email protected]
> 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]
*******************************************************************
