RE: [WSG] Disappearing element in IE
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
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
#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
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
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] ***
