[css-d] IE 6 Column Hack Help Needed
I'm having trouble getting a third column on these pages (see link below) display properly in IE6. I'm sure it is just an issue of a simple IE hack, but I can't see the forest for all the trees. The right column keeps showing up at the bottom of the other two columns. I'm a novice CSS coder, so please be specific as to what needs changing. Here are the offending pages: http://radiant.publishpath.com/services http://radiant.publishpath.com Thanks for the help, Frank McClung Drawingonthepromises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Mac IE 5 Problem
Thanks. I've now applied the fix suggested on the #maincontent ul li. Can
someone give me a browser check on Mac IE 5 to ensure that it worked? I'm
working from a PC.
Also, any suggestions on how to keep the main nav from breaking at higher
text sizes and not sliding under?
Thanks,
Frank
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Roger Roelofs
Sent: Monday, May 30, 2005 6:48 AM
To: 'CSS list'
Subject: Re: [css-d] Mac IE 5 Problem
Frank,
On May 29, 2005, at 10:59 PM, Frank McClung wrote:
Could anyone tell me the hack to fix the main boxes (red, yellow, blue,
green) from all going down the left side of the screen? They should go
across.
http://www.computerrecycling.us
IE/mac inherits the 'clear' property, which it shouldn't. Adding the
following should fix it.
#maincontent ul li { clear: none; }
You will want to verify this fix as I'm going from memory here.
On unrelated notes, I did a double-take when I first saw your page.
I'm so used to business sites speaking in the first person, that at
first I thought the site was asking what I had done for them lately.
Also, the absolute positioning is making the textual elements break at
higher text sizes. Unfortunately, when the navigation slides under the
main content I can no longer click on them.
hth
Roger,
Roger Roelofs
Know what you value.
__
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/
__
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/
RE: [css-d] Mac IE 5 Problem
Good catch Adam. Think that clear must have been an artifact from an earlier attempt at something else. Could someone on Mac IE5 tell me if it cleared up the problem with the #maincontent ul li? - Frank -Original Message- From: Adam Kuehn [mailto:[EMAIL PROTECTED] Sent: Monday, May 30, 2005 12:05 PM To: [EMAIL PROTECTED]; 'Roger Roelofs'; 'CSS list' Subject: RE: [css-d] Mac IE 5 Problem Frank McClung wrote: I've now applied the fix suggested on the #maincontent ul li. Can someone give me a browser check on Mac IE 5 to ensure that it worked? It didn't. Clear inheritance cannot be cured that way on IE5/Mac. See http://www.l-c-n.com/IE5tests/float2misc/#fm002 for more. Bottom line: You will need to use a different positioning scheme for the child elements, or remove the clear from the parent. Without looking too deeply, why is the parent UL cleared, anyway? It is directly inside its own absolutely positioned div, with no prior floated elements that I could see. Did you try removing the UL clear? HTH, -- -Adam Kuehn __ 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/
[css-d] Stumped: Mac IE image over menu issue
I've been scratching my head as to why the Instant Quote image is covering up my navigation on Mac IE 5.2? Could someone point me to the correct hack? http://www.computerrecycling.us/ Thanks, Frank __ 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/
[css-d] Mac IE 5 Problem
Could anyone tell me the hack to fix the main boxes (red, yellow, blue, green) from all going down the left side of the screen? They should go across. http://www.computerrecycling.us Suggestions appreciated, - Frank __ 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/
RE: [css-d] IE6/Opera Images Underline Problem
Holly,
Your suggestion did remove the underlines from the images and navigation,
however the .bodytext dotted underline is not showing up.
http://www.computerrecycling.us/ebay.htm
Interestingly, the .generalul (see http://www.computerrecycling.us/map.htm)
is keeping its dotted underline. Thoughts?
Frank
-Original Message-
From: Holly Bergevin [mailto:[EMAIL PROTECTED]
Sent: Wednesday, May 25, 2005 1:27 AM
To: css-d@lists.css-discuss.org; [EMAIL PROTECTED]
Subject: Re: [css-d] IE6/Opera Images Underline Problem
From: Frank McClung [EMAIL PROTECTED]
Button images on this site I'm working on at
http://www.computerrecycling.us/ebay.htm
all have a dotted underline in IE6 and Opera. Firefox is fine. Seems to be
connected to the visited state of links? I removed the dotted underline
from
the .bodytext and it didn't cure the problem for the underlined images.
What
am I missing in the CSS?
Frank,
You have the following selectors which include rules for dotted bottom
borders -
.bodytext a:link, a: visited { }
and further along in your style sheet you have -
.generalul ul li a:link, a:visited { }
In addition to setting styles for - .bodytext a:link - and - .generalul ul
li a:link - you've actually set styles for ALL visited links to have the
bottom borders, because you did not repeat the beginning of the selectors
that would have specifially targeted - .bodytext a:visited - and -
.generalul ul li a:visited
What you really want are the following selectors -
.bodytext a:link, .bodytext a: visited { }
.generalul ul li a:link, .generalul ul li a:visited { }
Correcting those selectors ought to solve your difficulties, or at least put
you on the right path.
hth,
~holly
__
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/
[css-d] Text Underline not showing up
I don't seem to be able to get the .bodytext dotted underline (line 42) to show up in the text. http://www.computerrecycling.us/ebay.htm Interestingly, the .generalul (see http://www.computerrecycling.us/map.htm) is showing a dotted underline. Any help would be appreciated - Frank __ 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/
[css-d] IE6/Opera Images Underline Problem
Button images on this site I'm working on at http://www.computerrecycling.us/ebay.htm all have a dotted underline in IE6 and Opera. Firefox is fine. Seems to be connected to the visited state of links? I removed the dotted underline from the .bodytext and it didn't cure the problem for the underlined images. What am I missing in the CSS? Thanks, Frank __ 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/
RE: [css-d] Head Scratchers
Ingo. Thanks so much for fixing the IE doubled margin issue and moving
#submast up to where it should be. I've felt a bit lost in the sea of CSS
hacks (I'm trying to resist the urge to go back to tables!). CSS-Discuss is
the only thing keeping me from drowning!
Still have 2 issues with this page:
http://www.computerrecycling.us/subpage3.htm
1. In both IE6 and Firefox, the #submast background url
(http://www.computerrecycling.us/images/subtopmast.jpg) is not showing up.
Is this because it is being overwritten by #maincontent's background URL is
overwriting it?
2. Tried the fix you suggested and it threw everything off. But did try this
fix and it does not cut off the text in IE6. No clue why but seems to work
position: static; margin-top: 116px;
- Frank
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao
Sent: Saturday, May 14, 2005 7:36 AM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Head Scratchers
Frank McClung schrieb:
I'm new to CSS, so please forgive these very simple questions.
It's not as simple as mentioned.
2. #nextstep and #ebay are correct in Firefox, but the #submast
background image is still covered up.
Correct the 'ddd' typos: paddding: 0px; in your stylesheet. You should
validate your files.
1.Having problems in IE getting the boxes on the right to line up in
the right column (#nextstep and #ebay) to line up and #submast to show up.
a) The right margin of the right-float is doubled.
http://positioniseverything.net/explorer/doubled-margin.html
Fix:
#nextstep { ... display:inline; }
#ebay { ... display:inline;}
b)That's a dilemma in IE6:
div id=submast
div id=nextstep.../div
div id=ebay ... /div
/div
- #submast must have a appropriate dimension for its background-image.
- but with this dimension, it will contain the floating childs, and will
be expanded by their heights. (Apply a background:red; to see what I
mean.) In consequence, the following container is pushed down by the
height of the floats, no matter what height was applied to #submast.
Fix: rearrange
div id=nextstep.../div
div id=ebay ... /div
div id=submastnbsp;/div
and omit the width:
#submast { border: medium none ; margin: 0px; /*width: 800px;*/ height:
94px; background:red url(subtopmast.jpg) no-repeat; }
3.Bottom of the page is cut off in IE.
3. Not entirely sure what's causing this.
#maincontent determines the height of the page, but you have positioned
is relatively to its static position. Looks like IE determines the
viewport height before the offset of its content.
Fix:
use a 'margin-top' instead of 'top'
#maincontent { border: medium none; margin: 0px;
background-image:url(path);
/*position: relative;*/ margin-top: 116px;
width: 800px;}
---
Hope that's all what I've changed.
regards, Ingo
__
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/
__
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/
RE: [css-d] Head Scratchers
Cancel that last request on why #submast wasn't showing the background
url...bad path.
All is well...for now! Thanks.
/ Frank
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao
Sent: Saturday, May 14, 2005 7:36 AM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Head Scratchers
Frank McClung schrieb:
I'm new to CSS, so please forgive these very simple questions.
It's not as simple as mentioned.
2. #nextstep and #ebay are correct in Firefox, but the #submast
background image is still covered up.
Correct the 'ddd' typos: paddding: 0px; in your stylesheet. You should
validate your files.
1.Having problems in IE getting the boxes on the right to line up in
the right column (#nextstep and #ebay) to line up and #submast to show up.
a) The right margin of the right-float is doubled.
http://positioniseverything.net/explorer/doubled-margin.html
Fix:
#nextstep { ... display:inline; }
#ebay { ... display:inline;}
b)That's a dilemma in IE6:
div id=submast
div id=nextstep.../div
div id=ebay ... /div
/div
- #submast must have a appropriate dimension for its background-image.
- but with this dimension, it will contain the floating childs, and will
be expanded by their heights. (Apply a background:red; to see what I
mean.) In consequence, the following container is pushed down by the
height of the floats, no matter what height was applied to #submast.
Fix: rearrange
div id=nextstep.../div
div id=ebay ... /div
div id=submastnbsp;/div
and omit the width:
#submast { border: medium none ; margin: 0px; /*width: 800px;*/ height:
94px; background:red url(subtopmast.jpg) no-repeat; }
3.Bottom of the page is cut off in IE.
3. Not entirely sure what's causing this.
#maincontent determines the height of the page, but you have positioned
is relatively to its static position. Looks like IE determines the
viewport height before the offset of its content.
Fix:
use a 'margin-top' instead of 'top'
#maincontent { border: medium none; margin: 0px;
background-image:url(path);
/*position: relative;*/ margin-top: 116px;
width: 800px;}
---
Hope that's all what I've changed.
regards, Ingo
__
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/
__
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/
[css-d] Head Scratchers
I'm new to CSS, so please forgive these very simple questions. I'm working on a CSS based site for a client and am : 1. Having problems in IE getting the boxes on the right to line up in the right column (#nextstep and #ebay) to line up and #submast to show up. 2. #nextstep and #ebay are correct in Firefox, but the #submast background image is still covered up. 3. Bottom of the page is cut off in IE. http://www.computerrecycling.us/subpage3.htm Please advise. Thanks, Frank __ 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/
