[css-d] IE problem
Hello list,
I cannot post a link at this time, so I hope I can explain this well...
I have two a hrefs with the following style:
a.browse {
display:block;
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
height:540px;
width: 200px;
top: -50px;
font-size:1em;
z-index: 100;
text-indent: -em;
cursor: pointer;
}
/* right */
a.right{right: 0;}
a.right:hover{background-image: url(right-nav-arrow.png);
background-position: 0 -540px;}
/* left */
a.left{left: 0;}
a.left:hover{background-image: url(left-nav-arrow.png);
background-position: 0 -540px;}
These do not render in IE unless I add a background-color. I need 100%
transparency. Currently the background images are 200x1080 trans
png's. the off state is 100% trans and on hover a small arrow appears,
but otherwise it is 100% trans as well.
Is there another way to get IE to play nice other than a
background-color? background-color: transparent; does not work either.
Help!
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [cs...@lists.css-discuss.org]
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] IE problem
As usual, I see the issue AFTER I post here and look like an idiot.
Disregard. Problem solved. What I had to do was drink more coffee
On Thu, Oct 21, 2010 at 11:24 AM, Tom Livingston tom...@gmail.com wrote:
Hello list,
I cannot post a link at this time, so I hope I can explain this well...
I have two a hrefs with the following style:
a.browse {
display:block;
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
height:540px;
width: 200px;
top: -50px;
font-size:1em;
z-index: 100;
text-indent: -em;
cursor: pointer;
}
/* right */
a.right{right: 0;}
a.right:hover{background-image: url(right-nav-arrow.png);
background-position: 0 -540px;}
/* left */
a.left{left: 0;}
a.left:hover{background-image: url(left-nav-arrow.png);
background-position: 0 -540px;}
These do not render in IE unless I add a background-color. I need 100%
transparency. Currently the background images are 200x1080 trans
png's. the off state is 100% trans and on hover a small arrow appears,
but otherwise it is 100% trans as well.
Is there another way to get IE to play nice other than a
background-color? background-color: transparent; does not work either.
Help!
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [cs...@lists.css-discuss.org]
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] IE problem
On 10/21/10 11:39 AM, Tom Livingston wrote: As usual, I see the issue AFTER I post here. Disregard. Problem solved. What I had to do was drink more coffee Curious. What was the issue and what did you do to solve the problem [other than drink more coffee] ? Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] IE problem navigation and other info moving over.
http://www.bowenhouse.org/ This looks fine in the other browsers I need a fix for IE that doesn't break the other browsers. Thanks, Carol __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem navigation and other info moving over.
On Tue, 21 Sep 2010 20:33:52 +0100, Carol Swinehart c...@ckfswebservices.com wrote: http://www.bowenhouse.org/ This looks fine in the other browsers I need a fix for IE that doesn't break the other browsers. Thanks, Carol Try removing: position:absolute; margin-left:560px; from your #navigation rules. Duncan __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
On 8/31/10 10:18 PM, Timariane Thornewig wrote: Thank you, Beth. That worked! You can see it in: http://www.ashelighting.com/controldesign4.html Now I just need to fix my background image problem in IE 6. Does anyone know if there is a way to make .png files appear correctly in IE 6? There are fixes for 24-bit transparent PNGs, but most use a Microsoft filter that does not allow for positioning other that top left or stretch to cover. My recommendation would be to use a transparent PNG-8 or GIF for IE 6, via an IE-only style sheet or using the star HTML hack.[1] If you are happy with a scripting solution, I believe DD_belatedPNG.js does allow positioning: http://dillerdesign.com/experiment/DD_belatedPNG/ I've not tried this though. Cordially, David -- [1] See article on filters at Wikipedia: http://en.wikipedia.org/wiki/CSS_filters __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
Thank you, Beth. That worked! You can see it in: http://www.ashelighting.com/controldesign4.html Now I just need to fix my background image problem in IE 6. Does anyone know if there is a way to make .png files appear correctly in IE 6? --- On Tue, 8/31/10, Beth Lee callib...@gmail.com wrote: From: Beth Lee callib...@gmail.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: Timariane Thornewig timandari...@yahoo.com Cc: jta...@rocketmail.com, css-d@lists.css-discuss.org Date: Tuesday, August 31, 2010, 2:24 AM --- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. and then ... On Mon, Aug 30, 2010 at 7:24 PM, Timariane Thornewig timandari...@yahoo.com wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html Float your sidebar div left, and don't float your main div. That fixes it for me. __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
Thanks, Alan. Your solution definitely worked for IE8, but doesn't seem to work for IE7. The link you sent over is full of helpful info on IE bugs. --- On Tue, 8/31/10, Alan Gresley a...@css-class.com wrote: From: Alan Gresley a...@css-class.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: David Laakso da...@chelseacreekstudio.com Cc: Timariane Thornewig timandari...@yahoo.com, css-d@lists.css-discuss.org, Joel D Canfield j...@bizba6.com Date: Tuesday, August 31, 2010, 4:52 AM David Laakso wrote: Timariane Thornewig wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! Unable to hit a moving target :-) . Let it be and make no further changes. Best, ~d The original page had this bug that is present in IE5~IE7. http://css-class.com/test/bugs/ie/5~7/ap-left-auto-margin-left-next-element.htm It happens if a absolutely positioned element with left auto offset is followed in the source by and element with a margin-left. IE5~IE7 positions the absolutely positioned element by the value of margin-left of the following element. To fix the bug, the left offset for the ap. element must be given a value other than auto. left: 0 would fix this bug. IE7- does have troubles with left: auto [1] but this is a strange case. 1. http://css-class.com/test/bugs/ie/calculated-offset-bug1.htm -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] IE Problem - logo appearing on top of text
Hello, I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. http://www.ashelighting.com/controldesign.html I think this is just one of the pages it's happening on. May be happening on other pages of the site. Anyone know of an IE fix for this? Thanks! __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
The page is identical in Mozilla 3.6.8 and IE8. What version of IE have you tested in? IE8 screen shot is here: http://lh4.ggpht.com/_K3_a3GBHwyA/THxTkgeRM0I/ADw/9cNUSd8puwo/s640/31-08-2010%2001-51-58.png hth --- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. http://www.ashelighting.com/controldesign.html I think this is just one of the pages it's happening on. May be happening on other pages of the site. Anyone know of an IE fix for this? __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! --- On Tue, 8/31/10, Timariane Thornewig timandari...@yahoo.com wrote: From: Timariane Thornewig timandari...@yahoo.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: css-d@lists.css-discuss.org, jta...@rocketmail.com Date: Tuesday, August 31, 2010, 1:08 AM Thanks, Jay. I'm looking at screenshots from IE 7 and IE 6. Sorry, I keep forgetting IE 8 is out. I'm attaching my screenshots. --- On Tue, 8/31/10, Jay Tanna jta...@rocketmail.com wrote: From: Jay Tanna jta...@rocketmail.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: css-d@lists.css-discuss.org, Timariane Thornewig timandari...@yahoo.com Date: Tuesday, August 31, 2010, 1:00 AM The page is identical in Mozilla 3.6.8 and IE8. What version of IE have you tested in? IE8 screen shot is here: http://lh4.ggpht.com/_K3_a3GBHwyA/THxTkgeRM0I/ADw/9cNUSd8puwo/s640/31-08-2010%2001-51-58.png hth --- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. http://www.ashelighting.com/controldesign.html I think this is just one of the pages it's happening on. May be happening on other pages of the site. Anyone know of an IE fix for this? __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
Timariane Thornewig wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! Unable to hit a moving target :-) . Let it be and make no further changes. Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
--- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. and then ... On Mon, Aug 30, 2010 at 7:24 PM, Timariane Thornewig timandari...@yahoo.com wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html Float your sidebar div left, and don't float your main div. That fixes it for me. __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
On Mon, 30 Aug 2010, Timariane Thornewig wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! It's worse! http://cfajohnson.com/testing/Thornewig.jpg -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem - logo appearing on top of text
David Laakso wrote: Timariane Thornewig wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! Unable to hit a moving target :-) . Let it be and make no further changes. Best, ~d The original page had this bug that is present in IE5~IE7. http://css-class.com/test/bugs/ie/5~7/ap-left-auto-margin-left-next-element.htm It happens if a absolutely positioned element with left auto offset is followed in the source by and element with a margin-left. IE5~IE7 positions the absolutely positioned element by the value of margin-left of the following element. To fix the bug, the left offset for the ap. element must be given a value other than auto. left: 0 would fix this bug. IE7- does have troubles with left: auto [1] but this is a strange case. 1. http://css-class.com/test/bugs/ie/calculated-offset-bug1.htm -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] IE Problem has been killing my social life...
Hi List, I have a page that seems to have a has layout bug in IE, and for the life of me I can't figure out how to track down the problem child. The page is www.neptac.org/employment and you can see that the page has a horizontal scrollbar showing up in IE7. It's not there in Firefox. It must have something to do with my table and it might be buried in the tinytable javascript library I'm using to format the table, but for the life of me I can't see what is going wrong. If I shorten the width of the table in style.css the width of the page becomes smaller so my thinking is that I must be banging into an IE has layout issue. Help! Jan __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem has been killing my social life...
Jan West wrote:
The page is
www.neptac.org/employment and you can see that the page has a horizontal
scrollbar showing up in IE7.
Jan
Checked only on a local file, try:
*:first-child+html #tablefooter {overflow-x: hidden;}
Best,
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
__
css-discuss [cs...@lists.css-discuss.org]
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/
[css-d] IE problem
I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
I was able to get it to display with IE dev tools by adding zoom: 1 to the contentWrapper id to trigger haslayout. On Fri, Mar 19, 2010 at 11:28 AM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
CSS validation is pointing to a style sheet that cannot be found. Also, there are some HTML validation errors. About half refer to how the phrase b b is being treated, but there are some div related errors. Bill B Atkinson, Sarah wrote: I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
On Fri, 19 Mar 2010 11:28:11 -0400, Atkinson, Sarah wrote: | I have been working on this yesterday and today And I simply can't figure it out. | It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. | | http://test.grantstinn.com/ You have errors: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Ftest.grantstinn.com%2F http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Ftest.grantstinn.com%2F -- David Postill Dance your Life - Biodanza in Holland - http://www.danceyourlife.eu __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
Atkinson, Sarah wrote: I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ __ I'll tread very lightly here, Sarah. There seems to be a lot of styles that are either redundant or conflicting. I did not examine them with any rigor, it is a first impression. Also, it looks like you are linked to five different external style sheets. Are they all necessary? There may be conflicts between/among them that would be hard to track down. Bill B __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
I'll tread very lightly here, Sarah. There seems to be a lot of styles that are either redundant or conflicting. I did not examine them with any rigor, it is a first impression. Also, it looks like you are linked to five different external style sheets. Are they all necessary? There may be conflicts between/among them that would be hard to track down. Bill B Those have to do with Wordpress Plugins... Some of the plugins auto load their own stylesheets. Wordpress is a decent CMS but it does have issues with massive amounts of loaded files and it makes a mess of CSS files and JS files. __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
Atkinson, Sarah wrote: I'll tread very lightly here, Sarah. There seems to be a lot of styles that are either redundant or conflicting. I did not examine them with any rigor, it is a first impression. Also, it looks like you are linked to five different external style sheets. Are they all necessary? There may be conflicts between/among them that would be hard to track down. Bill B Those have to do with Wordpress Plugins... Some of the plugins auto load their own stylesheets. Wordpress is a decent CMS but it does have issues with massive amounts of loaded files and it makes a mess of CSS files and JS files. Can you remove the link rel=stylesheet... references from your HTML documents? Bill B __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
On Fri, Mar 19, 2010 at 8:28 AM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ Hello Sarah, In IE6, I am not seeing what I would call a giant white box in the above sample page. I do see two issues. 1) The png images are not displayed properly. This is a common problem with IE6. There are known methods for handling png in IE6. Me, I'm a coward. I just use gif and jpg. 2) There is a 10 px margin between the light brown background content box and the darker brown border like line. For me, given my attitude about folks still using IE 6 in the light of current hyper-security risks, I would just pretend that I wanted the 10px margin at the bottom of the page. And let the IE6 users have a slightly different viewer experience. If this is a job for a client try browbeating them into upgrading to IE8 grin. Given the ultra weirdness of Wordpress/Addon css handling. I would try saving the document onto your hard-drive using something like the Firefox save complete document. Then you can edit the page removing stuff bit by bit until you isolate the problem without the extra complexity of potential cross interactions between different style sheets. If your giant white box is a different effect than I am seeing in my particular IE6, perhaps you could point to an image displaying the behavior. Regards, Claude __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
They arn't there they are put in there on the server before it serves the file. They are called and the header html is compiled with the get_header() function. This looks at all the loaded plugins and installs the necessary files. As well as the header info I put into the header.php file. I could uninstall the plug ins but then nothing would work. Right now I have 5 plugins installed. One for SEO (it's whats throwing the BB errors.) It allows our content person to manage meta data, and she used the ''. One for Magic-fields - in the back end it lets me create panels for items.. For instance they get a new friend for the friends page. I created a panal in tools for them to select new friend and then they fill out some data and whala the content of the page just changed without me even having to no about it. It is also probably the most important plugin I have. Then there is the Contact Forms- again they can change any of it If a month from now they find they need a new bit of info then it can be added by them. There is also one for shadowbox. It has all the needed JS and integrates it into the back end of wordpress. It is very file intensive but looks realy nice and we use it a lot. The last is Google Analytics. And then there is wordpress itself... It is a monster but it does separate content from presentation. On 3/19/10 1:03 PM, Bill Braun bbr...@hlthsys.com wrote: Atkinson, Sarah wrote: I'll tread very lightly here, Sarah. There seems to be a lot of styles that are either redundant or conflicting. I did not examine them with any rigor, it is a first impression. Also, it looks like you are linked to five different external style sheets. Are they all necessary? There may be conflicts between/among them that would be hard to track down. Bill B Those have to do with Wordpress Plugins... Some of the plugins auto load their own stylesheets. Wordpress is a decent CMS but it does have issues with massive amounts of loaded files and it makes a mess of CSS files and JS files. Can you remove the link rel=stylesheet... references from your HTML documents? Bill B __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem
I think I got the giant white box fixed... I added display: block and position: relative; to a few divs then I had to change the z-index on a couple of other items to compensate. This caused a couple of other problems to develop in safari but I think I have got it. On 3/19/10 1:22 PM, Claude Needham gxx...@gmail.com wrote: On Fri, Mar 19, 2010 at 8:28 AM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ Hello Sarah, In IE6, I am not seeing what I would call a giant white box in the above sample page. I do see two issues. 1) The png images are not displayed properly. This is a common problem with IE6. There are known methods for handling png in IE6. Me, I'm a coward. I just use gif and jpg. 2) There is a 10 px margin between the light brown background content box and the darker brown border like line. For me, given my attitude about folks still using IE 6 in the light of current hyper-security risks, I would just pretend that I wanted the 10px margin at the bottom of the page. And let the IE6 users have a slightly different viewer experience. If this is a job for a client try browbeating them into upgrading to IE8 grin. Given the ultra weirdness of Wordpress/Addon css handling. I would try saving the document onto your hard-drive using something like the Firefox save complete document. Then you can edit the page removing stuff bit by bit until you isolate the problem without the extra complexity of potential cross interactions between different style sheets. If your giant white box is a different effect than I am seeing in my particular IE6, perhaps you could point to an image displaying the behavior. Regards, Claude __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] IE problem - floats won't align
Hi, I am having trouble getting something very basic to render in IE. http://www.glyszc.cn/tours.html http://www.glyszc.cn/prices.html (pretty much the same page, with the same ID tags) http://www.glyszc.cn/styles/one.css Two simple columns in the main content. Render how I'd like in Safari4, but get messed up by IE. Safari-4 is OK, any other browsers out there, I would like the feedback. Thanks, Chris __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem - floats won't align
Chris Blake wrote:
Hi,
I am having trouble getting something very basic to render in IE.
http://www.glyszc.cn/tours.html
Two simple columns in the main content. Render how I'd like in
Safari4, but get messed up by IE.
Thanks, Chris
This will should help bring Opera, SeaMonkey, Camino, and IE/6/7/8 on-board.
.twoColFixLtHdr #mainContent { border: 1px solid red; overflow:hidden;
/*margin: 0 100 0 190px;*/
/*padding: 0 100px; */
}
.twoColFixLtHdr #mainContent #shows { border: 1px solid red;
overflow:hidden; width: 408px;
/*width: 550px;*/
/*height: 200px;*/
}
.twoColFixLtHdr #mainContent #shows img{ border: 1px solid red;
float: left;
margin-bottom: 5px;
}
.twoColFixLtHdr #mainContent #shows #left{ border: 1px solid blue;
width: 150px;
float: left;
}
.twoColFixLtHdr #mainContent #shows #right{ border: 1px solid red;width:
150px;
float: right;
}
To fix the left column navigation block, you will need to validate the
CSS (try shorthand properties).
BTW, Conditional Comments go in the head of the document immediately
below the linked style sheet-- *not in the style sheet.*
__
css-discuss [cs...@lists.css-discuss.org]
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] IE problem - floats won't align
I think I have fixed it now - feedback please. On 28/06/2009, at 11:50 PM, Chris Blake wrote: Hi, I am having trouble getting something very basic to render in IE. http://www.glyszc.cn/tours.html http://www.glyszc.cn/prices.html (pretty much the same page, with the same ID tags) http://www.glyszc.cn/styles/one.css Two simple columns in the main content. Render how I'd like in Safari4, but get messed up by IE. Safari-4 is OK, any other browsers out there, I would like the feedback. Thanks, Chris __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem - floats won't align
Chris Blake wrote: I think I have fixed it now - feedback please. http://www.glyszc.cn/tours.html 2:17p O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and markup). __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem - floats won't align
--- On Sun, 6/28/09, David Laakso da...@chelseacreekstudio.com wrote: From: David Laakso da...@chelseacreekstudio.com Subject: Re: [css-d] IE problem - floats won't align To: Chris Blake ch...@3pointdesign.com Cc: css discuss discuss css-d@lists.css-discuss.org Date: Sunday, June 28, 2009, 6:16 PM Chris Blake wrote: I think I have fixed it now - feedback please. http://www.glyszc.cn/tours.html 2:17p O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and markup). ___ This isn't related to your float problem, but I noticed that the background color that shows on your header image (just behind the upper rounded corners) doesn't match the body background color when I view it in Firefox 3, but matches in Safari 3. Why does this happen? Is there a way to correct it? Rod Castello ___ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem - floats won't align
On 29/06/2009, at 3:53 AM, Rod Castello wrote: --- On Sun, 6/28/09, David Laakso da...@chelseacreekstudio.com wrote: From: David Laakso da...@chelseacreekstudio.com Subject: Re: [css-d] IE problem - floats won't align To: Chris Blake ch...@3pointdesign.com Cc: css discuss discuss css-d@lists.css-discuss.org Date: Sunday, June 28, 2009, 6:16 PM Chris Blake wrote: I think I have fixed it now - feedback please. http://www.glyszc.cn/tours.html 2:17p O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and markup). ___ This isn't related to your float problem, but I noticed that the background color that shows on your header image (just behind the upper rounded corners) doesn't match the body background color when I view it in Firefox 3, but matches in Safari 3. Why does this happen? Is there a way to correct it? Rod Castello in illustrator it's #66 but in safari i had to change bground to #5 to get a closer match. file type difference maybe? not had this problem before. ___ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem - floats won't align
On 29/06/2009, at 3:53 AM, Rod Castello wrote: This isn't related to your float problem, but I noticed that the background color that shows on your header image (just behind the upper rounded corners) doesn't match the body background color when I view it in Firefox 3, but matches in Safari 3. Why does this happen? Is there a way to correct it? Rod Castello Chris Blake responded: in illustrator it's #66 but in safari i had to change bground to #5 to get a closer match. file type difference maybe? not had this problem before. This sounds like a problem with the color profile used by Illustrator. See this article for an explanation: http://www.gballard.net/psd/srgbforwww.html Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] IE problem with menu
Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem with menu
Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem with menu
I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem with menu
Thank you both. Oddly, the code I pasted below was an exact copy/paste of what I was seeing on view source, but I went in later and found the problem you were seeing. It seems fixed now. Thanks again for your help. Jody On Feb 5, 2009, at 4:28 PM, Martyn Merrett wrote: What Kamil said is correct... this is a paste of the source: ul id=resourcesForList li a href=/home/resources-for/prospectivestudentsProspective Students/a /li li a href=/home/resources-for/parentsParents/a /li [snip] You'll notice the li is not closed. FF doesn't seem to mind but IE does. ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/ prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/ currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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] IE problem with menu
Yep I cleared my cache and it's corrected itself. Nice website by the way (: ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: Thank you both. Oddly, the code I pasted below was an exact copy/paste of what I was seeing on view source, but I went in later and found the problem you were seeing. It seems fixed now. Thanks again for your help. Jody On Feb 5, 2009, at 4:28 PM, Martyn Merrett wrote: What Kamil said is correct... this is a paste of the source: ul id=resourcesForList li a href=/home/resources-for/prospectivestudentsProspective Students/a /li li a href=/home/resources-for/parentsParents/a /li [snip] You'll notice the li is not closed. FF doesn't seem to mind but IE does. ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/ prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/ currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] 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/ __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] IE Problem (naturally!)
Greetings! I finally finished this website and everything works perfectly on all browsers (Win Mac) except for IE 6 and 7 on Windows. I have a graphic decoration at the bottom of each of the following two pages and have used CSS margin-left to position them, but IE doesn't seem to recognize the margin and places the graphic on the left side of the screen. I tried fiddling with the padding as well, but then everything got very messed up. Here are the pages with problems: http://www.boletta.com/aau/book.html http://www.boletta.com/aau/type.html Here is the external stylesheet: http://www.boletta.com/aau/portfolio.css I can't figure out what causes this to happen in IE or if I am doing something wrong in CSS (or XHTML). All of the HTML is valid. I also checked all the embedded and external stylesheets at WC3 and the CSS is all valid. I am stumped. Any help would be appreciated. Thanks, Bill Boletta __ 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] IE Problem (naturally!)
On 11 Nov 2008, at 08:58, wlb wrote:
I have a graphic decoration at the bottom of each of the following
two pages
and have used CSS margin-left to position them, but IE doesn't seem to
recognize the margin and places the graphic on the left side of the
screen.
I tried fiddling with the padding as well, but then everything got
very
messed up.
Here are the pages with problems:
http://www.boletta.com/aau/book.html
http://www.boletta.com/aau/type.html
Here is the external stylesheet:
http://www.boletta.com/aau/portfolio.css
I'm sure someone will be along to explain the reason for the
ineffective margin but this should do the trick:
#ornament_3 {
background: transparent url(pix/ornament_3a.png) no-repeat scroll
center 50%;
height:100px;
margin:0 auto;
}
and the same sort of thing for #ornament_2.
Regards
Jonny
__
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] IE Problem (naturally!)
On 11 Nov 2008, at 09:37, Jonny Stephens wrote:
On 11 Nov 2008, at 08:58, wlb wrote:
I have a graphic decoration at the bottom of each of the following
two pages
and have used CSS margin-left to position them, but IE doesn't
seem to
recognize the margin and places the graphic on the left side of the
screen.
I tried fiddling with the padding as well, but then everything got
very
messed up.
Here are the pages with problems:
http://www.boletta.com/aau/book.html
http://www.boletta.com/aau/type.html
Here is the external stylesheet:
http://www.boletta.com/aau/portfolio.css
I'm sure someone will be along to explain the reason for the
ineffective margin but this should do the trick:
#ornament_3 {
background: transparent url(pix/ornament_3a.png) no-repeat scroll
center 50%;
height:100px;
margin:0 auto;
}
Oops... IE7 needs width too...
#ornament_3 {
background: transparent url(pix/ornament_3a.png) no-repeat scroll
center 50%;
height: 100px;
margin: 0 auto;
width: 182px;
}
Jonny
__
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/
[css-d] IE problem
Hi everyone, I'm working on the website template in Joomla and having problem with the top navigation in IE6. For some reason, it's being pushed down in IE6. It works great in Mozilla and IE7. Can anyone please suggest where is the problem and how can it be resolved. Thanks in advance. Here is the link to the website template: http://nexgenmediatechnology.com/NexGenWebsite/ Regards, Deep Garcha __ 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/
[css-d] IE problem with floating
I have a question: I am building a web site that has a background logo image, a logo image fixed at the top to allow the text flow behind it and then a left navigation bar as well. Problem is the left nav bar doesn't show up correctly in IE. Since both the nav bar (#menu) and the main (#main) body are in columns they are floated to the left. However, to give the nav bar the correct look, I have had to use other positioning within the #menu. The site can be found at www.astratechnologies.com/index.php and the css is at www.astratechnologies.com/templateCSS.css. Thanks for the help. William D. O'Dell Freelance writer Home: (306) 979-6642 MSN IM: Rastinon ([EMAIL PROTECTED]) Yahoo IM: rastinon73 ([EMAIL PROTECTED]) Check out my current blog complete with archived columns, recipes and DVD reviews at http://rastinon.spaces.live.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] IE problem with floating
May I kindly suggest that you not use an image map for your navigation, or is there a way to add alt attributes to an image map? If images are turned off, or if your site visitor is using a screen reader, they will not see your menu. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Tuesday, August 05, 2008 1:13 PM To: css-d@lists.css-discuss.org Subject: [css-d] IE problem with floating I have a question: I am building a web site that has a background logo image, a logo image fixed at the top to allow the text flow behind it and then a left navigation bar as well. Problem is the left nav bar doesn't show up correctly in IE. Since both the nav bar (#menu) and the main (#main) body are in columns they are floated to the left. However, to give the nav bar the correct look, I have had to use other positioning within the #menu. The site can be found at www.astratechnologies.com/index.php and the css is at www.astratechnologies.com/templateCSS.css. Thanks for the help. William D. O'Dell Freelance writer Home: (306) 979-6642 MSN IM: Rastinon ([EMAIL PROTECTED]) Yahoo IM: rastinon73 ([EMAIL PROTECTED]) Check out my current blog complete with archived columns, recipes and DVD reviews at http://rastinon.spaces.live.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/ __ 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] IE Problem - Menu
Ibrahim wrote:
Thanks all, I'm really happy now :)
anyway, I fixed the menu on IE6, but still not sure about IE7 coz I didn't
test it on IE7
I commented the old code, you can check the css file.
moreover, firefox need the attribute float:left to display it correctly.
I think it's not the correct way to the menu but I have no choice.
link: http://www.ndaworld.org/
Seeing that you have are referring to Georg's rescue of IE.
http://www.gunlaug.no/tos/alien/iy/test_08_0330.html
You should actually be replying to him. Yes the fix works in FF, IE6, IE7.
Ibrahim, what IE versions do have locally anyway?
I think you got the ?? ? ?? ? ?? because your computer doesn't support
Arabic fonts, same issue applied to square things at the title (encoding)
No my computer shows the script correctly, my poor saving of that script caused
the sequence of ??? ???. It really doesn't matter because the Arabic script
makes as much sense to me as . My understanding is poor since the Arabic
script runs from from right to left but I can not tell if the glyphs in the
words are 1234 or 4321 order. Both glyphs directions can apply to right to left
text. As a guide for the future, those seeking help with pages with
bidirectional text. It would help to mention which direction the glyph run.
You have used a lot of text-align to arrange alignment of the script to cater
for IE problems but this is what the dir=rtl should be doing anyway. Look
where the various browsers put the vertical scrollbar.
Also, what are you using to save that page? IE/win (any version) is of
no use.
Sorry, I didn't get it.
This question was what Georg asked me, not what I asked you. The answer is that
I just copied your source code from the source in FF and pasted it into my text
editor (works OK with Latin script :-). Georg would have saved it in Opera
another way which preserved the script. I have a new template just coded in
Notepad.
Thanks All again.
any idea about the page center problem?
Ibrahim
Yes it is this.
body {
/* width:950px; DELETE */
}
div.center {
/* text-align: center; DELETE */
}
div#wrapper {
margin-right: auto;
margin-left: auto;
width:950px; /* ADD */
}
and in the HTML.
div class=center align=center
Delete this class center div from the source and remove it closing tag (just
before /html). This div is automatically added by a MS authoring tool which
has also added the tables for layout. I presume that you have taken over the
maintenance of the site and in doing so you have inherited a page that was
coded for IE (like in the year 1997).
I'm still not debugging for IE8, should I ?
Don't bother fixing it for IE8. It's MS job is to fix IE8.
If you have a standalone, for amusement just view Georg fix or my new template
and watch some weirdness like peekaboo activity. Double click on the content
text and what it jump. Hhover here or there and move small windows (100px by
100px) over various parts of the page. It shows all the symptoms of the
peekaboo bug [1]. Yes it still present but just triggered differently. I
attempting to correlate this with those trident rendering bands [2].
My new template shows the page content centered in all browsers apart from IE5.
IE6 and IE7 are now all fixed up. The problem was this.
#area {
padding: 0;
/* width:100%; DELETE hasLayout [3] trigger */
}
http://css-class.com/x/ndaw/index3.htm
The HTML in my template has striped the class center div and all tables from
the code. The CSS embedded in the header has been largely reduced and all
text-aligns have be remove from the layout divs. I have only remove a useless
(table div.center text-align) IE skeleton from a already strong frame. I have
also unfrozen the font size so now you can resize the text in all browsers.
What Georg has done you can use now. My new template is a based that you may
wish to use at a later date but before doing so you first must understand why
Georg's rescue and my reconstruction are different. The former is a traditional
doctype and the later is a strict doctype. Both are valid. One is coded for IE
and the other is a attempt at best practices.
BTW, read the last link on having layout over and over again until it sinks
in.
Isn't CSS fun!
[1] http://www.positioniseverything.net/explorer/peekaboo.html
[2] http://css-class.com/test/bugs/ie/renderingbands.htm
[3] http://www.satzansatz.de/cssd/onhavinglayout.html
Alan
http://css-class.com/x/ndaw/index3.htm
__
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] IE Problem - Menu
It looks okay to me. Could you be a bit more specific about the issues you're having with it? Kat On Sat, Mar 29, 2008 at 5:31 PM, Ibrahim Y [EMAIL PROTECTED] wrote: hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim __ 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/ __ 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] IE Problem - Menu
On IE7 only one menu item appear, on IE6 the items appears in vertical. you can check the top menu on FF IE to see the difference. *a new problem, *although I use center for the body the main div#center the body is centered. On Sun, Mar 30, 2008 at 8:19 AM, Katherine Coynor [EMAIL PROTECTED] wrote: It looks okay to me. Could you be a bit more specific about the issues you're having with it? Kat On Sat, Mar 29, 2008 at 5:31 PM, Ibrahim Y [EMAIL PROTECTED] wrote: hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim __ 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] IE Problem - Menu
I see. I hadn't noticed that before. I think part of the problem might be that you have the display parameter in the mainlevel-nav class set to block. If my understanding of CSS is correct, block ensures that there is a line break before and after the element. What I would suggest you do is that you modify that parameter from block to inline and that you also remove the class properties from the links and insert them into the li tags. I'll start looking at the new problem now. Kat On Sun, Mar 30, 2008 at 2:46 AM, Ibrahim Y [EMAIL PROTECTED] wrote: On IE7 only one menu item appear, on IE6 the items appears in vertical. you can check the top menu on FF IE to see the difference. *a new problem, *although I use center for the body the main div#center the body is centered. On Sun, Mar 30, 2008 at 8:19 AM, Katherine Coynor [EMAIL PROTECTED] wrote: It looks okay to me. Could you be a bit more specific about the issues you're having with it? Kat On Sat, Mar 29, 2008 at 5:31 PM, Ibrahim Y [EMAIL PROTECTED] wrote: hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim __ 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] IE Problem - Menu
Okay, with the new problem, you might consider adding a text-align:center parameter to your table.contentpaneopen style. Kat On Sun, Mar 30, 2008 at 2:46 AM, Ibrahim Y [EMAIL PROTECTED] wrote: On IE7 only one menu item appear, on IE6 the items appears in vertical. you can check the top menu on FF IE to see the difference. *a new problem, *although I use center for the body the main div#center the body is centered. On Sun, Mar 30, 2008 at 8:19 AM, Katherine Coynor [EMAIL PROTECTED] wrote: It looks okay to me. Could you be a bit more specific about the issues you're having with it? Kat On Sat, Mar 29, 2008 at 5:31 PM, Ibrahim Y [EMAIL PROTECTED] wrote: hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim __ 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] IE Problem - Menu
Ibrahim Y
Date: Sat, March 29, 2008 2:31 pm
To: CSS Discussion css-d@lists.css-discuss.org
hello all,
I have problem with top menu on both IE67.
the link: http://www.ndaworld.org/
the css is validated with no errors and look fine on Opera FF.
I'm stuck ... any idea?
Thanks in advanced,
Ibrahim
M.. Debugging really became interesting. It's what you don't notice
initially that is important.
1. http://css-class.com/test/images/temp/ie7-ie6.png
2. http://css-class.com/test/images/temp/ie8.png
3. http://css-class.com/test/images/temp/ie8-peekaboo1.png
4. http://css-class.com/test/images/temp/ie8-peekaboo2.png
5. http://css-class.com/test/images/temp/ie8-peekaboo3.png
The first image shows a screenshot of IE6 below and IE7 above. What is apparent
in the beginning in that IE6 and IE8 is screwing with text direction. Notice
how IE6 shows the scroll bar on the left. I do believed that you need to be
using the HTML attribute dir [1] a bit more. Your source shows just.
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en-gb lang=en-gb
dir=rtl
Some CSS.
#whitebox div {
text-align: right;
}
You have many text-aligns to support IE6 bug behavior but wouldn't this be
better giving IE7 and all other browsers the effect with attributes and . I
don't quite understand the bugs with IE6 but this browser doesn't support non
English speaking users who needs to read script from right to left. I would
recommend these resources.
http://blogs.msdn.com/ie/archive/2006/02/15/532708.aspx
http://lists.w3.org/Archives/Public/www-style/2008Mar/0193.html
http://rishida.net/
[1] http://www.w3.org/TR/html401/struct/dirlang.html#adef-dir
I will keeping checking the bug.
Alan
http://css-class.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] IE Problem - Menu
I wrote: the link: http://www.ndaworld.org/ M.. Debugging really became interesting. It's what you don't notice initially that is important. 3. http://css-class.com/test/images/temp/ie8-peekaboo1.png 4. http://css-class.com/test/images/temp/ie8-peekaboo2.png 5. http://css-class.com/test/images/temp/ie8-peekaboo3.png I failed to mention the peekaboo bug behavior in IE8? Alan http://css-class.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] IE Problem - Menu
Ibrahim Y wrote: Katherine Coynor [EMAIL PROTECTED] Cc: CSS Discussion css-d@lists.css-discuss.org On IE7 only one menu item appear, on IE6 the items appears in vertical. you can check the top menu on FF IE to see the difference. *a new problem, *although I use center for the body the main div#center the body is centered. This is where you erring. In IE5, IE6 and IE7 if you use the property text-align, though this should only effect inline elements and text nodes, these versions of IE will use text-align also on block level elements. You have used this bug to structure your page but this is no way to emulate right to left text. I would not even bother supporting IE6 is any styling but rather serve up IE6 a basic styled page. Lock that browser out completely. Let IE7 and all the other good browsers use the more standard approach for right to left text. Here's a demo of the peekaboo bug in IE8. http://css-class.com/test/bugs/ie/8/rtl-script-peekapoo.htm FYI, I have been trying to debug your page for hours. You are mixing in table layout with divs with way to many IDs and classes. This is only needed for IE5, IE6 and IE7 anyway. I am trying to locate elements and text. When I save your page off-line. I see this. ??? ?? ??? ?? ??? ? And when I search your CSS I finding. div.module_menu ul li a:link, div.module_menu ul li a:visited div.module_menu div div div #leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover I still can not isolate what selectors I need to look for to find the menu that is broken. All this heavy CSS is only needed for IE5, IE6 and IE7 anyway. Since the script you use makes as much sense to me as ? I have the added complication in debuging since my native language is English. I will keep on debugging but can you please tell me what to look for? :-) BTW, The mission impossible debug sessions I find entertaining. :-) Alan http://css-class.com/test/ __ 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] IE Problem - Menu
Ibrahim Y wrote: On IE7 only one menu item appear, on IE6 the items appears in vertical. you can check the top menu on FF IE to see the difference. the link: http://www.ndaworld.org/ Focusing only on the problematic horizontal menu. Firefox 2.x is having serious problems with such a construction, so its rendering is of no use for comparison. Problems corrected in Fx3b, and release of Firefox 3 is not all that far away. Worth waiting for, I think. Run this example... http://www.gunlaug.no/tos/alien/iy/test_08_0330.html ...through Fx3, Safari 3.1, Opera 9.x, IE6 and IE7, and you'll see a better line-up of that horizontal menu. Removed an unnecessary td, and styled the list inline. I didn't bother hacking Fx2 back in since that version is so broken. Alan, look for /* horizontal pill menu */ in 'template.CSS', and the #pillmenu ul/li. Also, what are you using to save that page? IE/win (any version) is of no use. regards Georg -- http://www.gunlaug.no __ 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] IE Problem - Menu
Ibrahim Y wrote: hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim Hi Ibrahim, I have threaded your code to pieces and rip out a lot of CSS. Slight bugs now in IE6 and IE7 where the sidebar is clearing the content. IE8 is beginning to look like the good browsers but something is happening which is weird. Bidirectional text is broken. There is still peekaboo activity in IE8. It's just a initial template. MS can fix there browser. http://css-class.com/x/ndaw/index2.htm I have having trouble though since I not use to coding bidirectional text. The menus seem to be looking normal in all versions of IE. Please note the below and similar in the HTML. divspan dir=ltrFriday, 28 March 2008 19:27/span/div Can anyone help me understand why the the sidebar is clearing the content in IE6 and IE7? I have butchered the encoding for the title of the page which is showing squares (but the tabs are showing the correct script). Jukka can you please help me with this (my attempts are in the header area and html element). Would I need to use these ISOs [1]? I will give this a rest now since I have gotten somewhat close. I can somewhat understand what authors coding in bidirectional text have to deal with when coding for IE. I can actually see where half of the web broken in IE. :-) [1] http://www.sil.org/iso639-3/codes.asp?order=reference_nameletter=a Alan. __ 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] IE Problem - Menu
Gunlaug Sørtun wrote: Alan, look for /* horizontal pill menu */ in 'template.CSS', and the #pillmenu ul/li. I eventually found it. :-) Also, what are you using to save that page? IE/win (any version) is of no use. regards Georg -- http://www.gunlaug.no I don't understand the question. Which page? I presume the IE8 bug demo. I save the page in NoteTab and uploaded. Did I do something wrong with the meta? The traditional doctype reflects the code. I never save anything in IE. Alan http://css-class.com/test/ __ 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] IE Problem - Menu
Thanks all, I'm really happy now :) anyway, I fixed the menu on IE6, but still not sure about IE7 coz I didn't test it on IE7 I commented the old code, you can check the css file. moreover, firefox need the attribute float:left to display it correctly. I think it's not the correct way to the menu but I have no choice. I'm still not debugging for IE8, should I ? FYI, I have been trying to debug your page for hours. You are mixing in table layout with divs with way to many IDs and classes. This is only needed for IE5, IE6 and IE7 anyway. I am trying to locate elements and text. When I save your page off-line. I see this. ??? ?? ??? ?? ??? ? I think you got the ?? ? ?? ? ?? because your computer doesn't support Arabic fonts, same issue applied to square things at the title (encoding) Also, what are you using to save that page? IE/win (any version) is of no use. Sorry, I didn't get it. Thanks All again. any idea about the page center problem? Ibrahim On Sun, Mar 30, 2008 at 7:46 PM, Alan Gresley [EMAIL PROTECTED] wrote: Gunlaug Sørtun wrote: Alan, look for /* horizontal pill menu */ in 'template.CSS', and the #pillmenu ul/li. I eventually found it. :-) Also, what are you using to save that page? IE/win (any version) is of no use. regards Georg -- http://www.gunlaug.no I don't understand the question. Which page? I presume the IE8 bug demo. I save the page in NoteTab and uploaded. Did I do something wrong with the meta? The traditional doctype reflects the code. I never save anything in IE. Alan http://css-class.com/test/ __ 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/
[css-d] IE Problem - Menu
hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim __ 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/
[css-d] IE problem with suckerfish dropdowns
I'm creating a navigation menu using Suckerfish Dropdowns with the main list items are centered within the li tags, and the dropdown items are aligned left. The desire is for the dropdown container to align left with the main list item. Firefox and Safari get it right, but IE (6 and 7) align the dropdown box in the center of the parent li tag. Anyone know a quick fix for this? Here's the links for reference: URL: http://209.235.208.145/cgi-bin/WebSuite/tcsAssnWebSuite.pl?AssnID=OHSOYDBCode=410110Action=DisplayTemplatePage=AWS_OHSOY2_osc_index.html CSS: http://209.235.214.238/css/2008OSC.css __ 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/
[css-d] IE Problem with Positioning
Hi, The following page I created has problems in Internet Explorer. The header of the web page shifts right but works fine in all other browsers. I can't find a bug fix, does anybody have any suggestions? The url is: www.theasacademy.co.uk Many Thanks, Lyn Williams __ 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] IE Problem with Positioning
Lyn Willaims wrote: Hi, The following page I created has problems in Internet Explorer. The header of the web page shifts right but works fine in all other browsers. I can't find a bug fix, does anybody have any suggestions? The url is: www.theasacademy.co.uk Have you tried changing the text-align:center declared in #wrapper to text-align:left? - HP __ 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/
[css-d] IE Problem with positioning
Hi, The following page I created has problems in Internet Explorer. The header of the web page shifts right but works fine in all other browsers. I can't find a bug fix, does anybody have any suggestions? Many Thanks, Lyn Williams __ 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] IE Problem with positioning
Please include the URL to the page in question. - JD On Jan 28, 2008 2:44 AM, Lyn Willaims [EMAIL PROTECTED] wrote: Hi, The following page I created has problems in Internet Explorer. The header of the web page shifts right but works fine in all other browsers. I can't find a bug fix, does anybody have any suggestions? Many Thanks, Lyn Williams __ 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/ __ 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] IE problem - removing line under navigation - any tips?
Hello Lucas. Delete border-bottom: 2px gray; in your CSS (line 131). www.niquelao.net - niquelando la web On 10/12/07, lucas [EMAIL PROTECTED] wrote: Hello I was wondering if there is something obvious I am missing. if anyone has time, could they check out http://lucazoid.com/jt in firefox, it looks ok but in IE, I have a 2px thick gray line running under the navigation buttons at the top of the page. I would like to get rid of this lines but cant see anything in my css which is making them appear. the css is at http://lucazoid.com/jt/resources/css/style.css any suggestions would be most appreciated! Cheers Lucas ___ Want ideas for reducing your carbon footprint? Visit Yahoo! For Good http://uk.promotions.yahoo.com/forgood/environment.html __ 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/ -- www.niquelao.net - Niquelando la web __ 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/
[css-d] IE problem - removing line under navigation - any tips?
Hello I was wondering if there is something obvious I am missing. if anyone has time, could they check out http://lucazoid.com/jt in firefox, it looks ok but in IE, I have a 2px thick gray line running under the navigation buttons at the top of the page. I would like to get rid of this lines but cant see anything in my css which is making them appear. the css is at http://lucazoid.com/jt/resources/css/style.css any suggestions would be most appreciated! Cheers Lucas ___ Want ideas for reducing your carbon footprint? Visit Yahoo! For Good http://uk.promotions.yahoo.com/forgood/environment.html __ 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/
[css-d] IE problem and liquid layout
Hi, I have a major problem with a page appearing correctly in Firefox but not IE 6. You can see the page here - http://webtech.tstc.edu/students/gardnerj/IMED2311/UF2/index.htm Also, I am wanting the page to be liquid or fluid (not sure what the correct terms is). Right now, I have to manually adjust the position of the white content box, based on the height of the gray news announcements box. This won't work as every time content is added to the gray box I would have to go change the position of main white content box. Also, if different pages have different different content in the gray box, every page would need a differently positioned white content box. I hope this makes sense and that there is a solution. TIA, Jennifer Pinpoint customers who are looking for what you sell. http://searchmarketing.yahoo.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem and liquid layout
On Sun, 22 Jul 2007 11:51:55 -0700 (PDT), JGardner wrote: Hi, I have a major problem with a page appearing correctly in Firefox but not IE 6. You can see the page here - http://webtech.tstc.edu/students/gardnerj/IMED2311/UF2/index.htm Hi Jennifer, If you increase the font size in Firefox (Ctrl +) you will see what I am seeing in Opera and, apart from the displaced #news DIV, the same is true of IE7. That's because factory settings on my notebook (120 DPI) makes the default medium font size 25% larger in IE and Opera. Your design seems to me to be over-constrained. This is a common problem when major structural elements are positioned absolutely. I suggest you look at some float layouts that self-adjust to the amount of content. The css-d Wiki[1] is a good place to start. Max Design[2] has some samples and good tutorials; if you learn better by example, Layout Gala[3] may help as well. [1] http://css-discuss.incutio.com/?page=TwoColumnLayouts [2] http://maxdesign.com.au/presentation/page_layouts/ [3] http://blog.html.it/layoutgala/ Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [IE problem] Emulating a select dropdown with CSS
Hi, this are the test URIs: - http://lol.si/emulate-select/test.html - http://lol.si/emulate-select/test-unselected.html Document is XHTML 1.0 Strict valid, CSS 2.1 valid (except for the .htc bit) and works fine on Win/Mac in Opera9, Firefox and Safari. Internet Explorer 6/7 however remains a problem... I suspect that the problem is the secondary UL that IE needs to draw when display:block is set, that's why the flickering and margin. Any ideas how to get rid of this? Kind regards, Bostjan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem with Son of Suckerfish and form select fields
Hello, (RE-POST) Come on CSS wizards, someone must have an answer to this. Works (poorly with JavaScript) here: http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php Problem here: http://www.linkhomes2000.co.uk/helper/tryagain-index-4.php Question how to resolve this, you can all see the current answer is not really acceptable. Having all you form disappear when you MouseOver the main menu is not good? Please help me find an acceptable solution. Must be CSS David G) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem with Son of Suckerfish and form select fields
[EMAIL PROTECTED] wrote: Hello, (RE-POST) Come on CSS wizards, someone must have an answer to this. Works (poorly with JavaScript) here: http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php Problem here: http://www.linkhomes2000.co.uk/helper/tryagain-index-4.php Question how to resolve this, you can all see the current answer is not really acceptable. Having all you form disappear when you MouseOver the main menu is not good? Please help me find an acceptable solution. Must be CSS David G) I assume index-3 is the problem page, since the forms are disappearing here on menu hover. Would validating, especially validating the forms, help? Another problem is the jump on hover. The entire pages jumps to the left if the menu or any link is hovered. Quirky percentages on margins. Don't use horizontal margin percentage values, or double wrap the elements that have these margins. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem with Son of Suckerfish and form select fields
I think the problem is that the select is a windowed object in IE7. Search for select windowed object, or, http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem with Son of Suckerfish and form select fields
Hello, http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php The problem is when you MouseOver the menu, and it goes over a select field, it is covered by this field. I have a solution, but it's a very poor one, and uses a lot of JavaScript. I can't help thinking this is a css problem, but have no answer, can anyone who has resolved this please help... Kind Regards David G) - __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem with son of suckerfish
RE-POST Hello, Have posted once but didn't post a file without JS fix, so have now done so. fixed: http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php Not Fixed: http://www.linkhomes2000.co.uk/helper/tryagain-index-4.php If viewed in IE6 pc the problem will be seen on MouseOver. The solution currently used is not really acceptable, and is not a css one, while I feel there should be away using css to resolve this, as it is a css problem (I think?) Kind Regards David G) - __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem (what else)
[EMAIL PROTECTED] wrote: Hi, If you have sometime could you please take a look here: http://www.linkhomes2000.co.uk/trials/basic-index.php David G) - I think all versions of IE have a problem with the use of percent for anything other than primary width bearing containers. Try maintaining the percent width of #content, and #sidebar, and readjust the percent value for the margin-left of #sidebar. Set #wrapper to 100%. And delete the percent padding, percent margins, and percent widths on everything else. This /may/ at least open it rail to rail in IE 6 and 7 and compliant browsers; and, give you a common ground start point. I hope someone else will be able to provide a simple fix. Personally, I'd think about starting over with a clean sheet with one very simple style sheet-- positioning only the two blocks, the header and the footer to work cross-browser before entertaining more. This layout http://blog.html.it/layoutgala/LayoutGala30.html might work as a base. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem - Not Showing Left Column
Here is the run down on my situation. I used Matthew Levine's article, In Search of the Holy Grail from A List Apart to format / set-up my CSS document and HTML test page. The problem: The page looks great in Firefox 1.5, Opera 9.0, Mozilla 1.7, and Netscape 8.1; but not so hot in one area in IE (multiple versions). All that appears to be missing is an image which completed the patch on the upper left side of the page (placed in the left column). I even tried placing text in the left column to see what happened; the text showed on all the browsers in the proper place besides IE. If anyone has a chance, please look at the files linked below in multiple browsers and let me know if you see an error in my coding. Also, if it is an IE issue, is there a fix? HTML Page: http://www.eddysound.com/epso/ CSS Document: http://www.eddysound.com/epso/css/epso.css Thanks in advance for any help and guidance. Matthew Stoneback __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem - Not Showing Left Column
Matthew Stoneback wrote:
All that appears to be missing is an image which completed the
patch on the upper left side of the page (placed in the left
column).
HTML Page: http://www.eddysound.com/epso/
Designer's coding-errors:
- Wrong names on the IE-fixes.
- Forgotten space between selectors in the '* html' hack.
- Ending last IE-fix with ':' instead of ';'.
Corrected IE hacks...
/*** IE6 Fix ***/
* html #header_left {
left: 324px;
}
/*** IE6 Fix ***/
* html #leftRail {
left: 142px;
}
Also, you should add...
#header_container div img {display: block;}
...to save IE6 from descenders and 'auto-expansion' bugs.
Note that this positioning method is handled extremely messy by IE6 when
browser-window is made narrower.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE problem Negative Margin
First time did not seem to get through, I must remember to use the right email account. I have a test page http://gamma.hostaga.com/~nic/Newspapers/Test3.htm which works fine (acceptably) in most browsers but not IE, in IE 7 the first character of the text disappears. In IE 6 you get and extra line. By the way I do not expect the 'first-child' to work in IE 6. It is designed to be best in FF 2. Any suggestions. Nic __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem Negative Margin - Fx 2 Mac first-letter misalignment
Nic Pulford wrote:
I have a test page http://gamma.hostaga.com/~nic/Newspapers/Test3.htm which
works fine (acceptably) in most browsers but not IE, in IE 7 the first
character of the text disappears. In IE 6 you get and extra line. By the way
I do not expect the 'first-child' to work in IE 6. It is designed to be best
in FF 2.
I don't see the extra line problem in IE6.
In IE7,
.art_cnt {zoom:1;}
provides some stability [1] for the first-letter.
But in Firefox 2 (Mac), the first letter is misaligned (too low), but
not in Fx 2 (PC). Others have probably more info about that.
Ingo
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem Negative Margin - Fx 2 Mac first-letter misalignment
On Jan 9, 2007, at 9:29 PM, Ingo Chao wrote: But in Firefox 2 (Mac), the first letter is misaligned (too low), but not in Fx 2 (PC). Others have probably more info about that. It is a bug... https://bugzilla.mozilla.org/show_bug.cgi?id=294733 In some cases, Firefox PC/Linux suffer from similar issues, but I forgot the details. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie problem with text going over graphic
Hi,
How do I fix this ie problem with the text being spread out over the flower?
http://www.designhosting.biz/newsite/intro.html
I have a style with a blank.gif in it which works with mozilla and netscape
but not ie. If I take the gif off the div and put it directly on the page
with a right alignment I get the same problem with ie with the text going
over the flower. I would prefer to use the gif in the div rather than put
it on the page.
The styles are:
body {
background-image: url(assets/bg_intro.jpg);
background-repeat: repeat-x;
background-color: #163647;
margin: 0px;
padding: 0px;
}
#container {
width: 100%;
background-image: url(assets/bg_flower.jpg);
background-repeat: no-repeat;
height: 500px;
}
#introHead {
background-image: url(assets/intro_logo.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 120px;
width: 200px;
}
#bgLine {
background-image: url(assets/bg_line.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
width: 460px;
}
#introLinks {
float: left;
width: 200px;
background-image: url(assets/bg_intro_links.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 100%;
margin-left: 20px;
margin-top: 40px;
clear: both;
margin-right: 10px;
}
#mainContent {
font-size: 11px;
line-height: 1.5;
color: #FF;
margin-top: 40px;
width: 700px;
}
#blank {
background-image: url(assets/bg_intro_blank.gif);
background-repeat: no-repeat;
height: 310px;
width: 270px;
float: right;
}
Thanks!
Sincerely,
Melinda Odom
Design Hosting, Inc.
www.designhosting.biz
479-471-0891
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.432 / Virus Database: 268.16.5/616 - Release Date: 1/4/2007
1:34 PM
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie problem with text going over graphic
Melinda Odom wrote:
How do I fix this ie problem with the text being spread out over the
flower? http://www.designhosting.biz/newsite/intro.html
The 'hasLyout'[1] bug (yes, it is a bug) is taking over, triggered by
the width on #mainContent. The result is that the entire #mainContent is
lining up alongside #introLinks, thus is shifted 230px over to the
right side - in IE/win. So, #blank also ends up 230px too far to the
right, and the paragraphs are 230px too wide.
There's no easy way to avoid that IE bug without adding more elements,
so you may as well play along with it.
Changing styles on #mainContent to...
#mainContent {
font-size: 11px;
line-height: 1.5;
color: #FF;
margin-top: 40px;
width: 470px;
float: left;
}
...will correct the width to a more suitable one, and make other
browsers line up that element like IE6 does, but in accordance with
standards and not depending on bugs.
BTW: no need to have a background-image on #blank - not even a
transparent one. It'll stay transparent anyway.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem
On Thu, 28 Dec 2006 03:47:50 +0530, KJ'[EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, Hope you all had a good x-mas. My problem is I can't figure out why the images are being cut off (the nav that is) and it looks fine in FF and Opera. Any suggestion appreciated. http://geekministry.com/test/ Adding the following to external.js file after line 41 i.e. z_IMG.style.left=0; z_IMG.style.top=0; would help this work. Hari. Thanks Kim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- -H_K_G- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE problem
Hi, Hope you all had a good x-mas. My problem is I can't figure out why the images are being cut off (the nav that is) and it looks fine in FF and Opera. Any suggestion appreciated. http://geekministry.com/test/ Thanks Kim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem with Position Relative?
If you look at the top menu (red bar - #topmenu) which is styled with some javascript using (Ruzee Borders). You will see that in IE6 the menu loads correctly and then jumps down when you hover over it. I can stop it jumping if I apply 'position absolute' to the .menu_horiz class, but it causes other problems. Is there a better way to do this for IE so it behaves more like Firefox? html: http://www.dp.shoesforindustry.net/home/ css: http://www.dp.shoesforindustry.net/css/screen.css Thanks in advance, Russ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE problem with dropdown menu
Can somebody please help. I created a dropdown menu with css layout that works fine in firefox but not in IE can somebody please tell me the problem with http://www.access2id.co.uk http://www.access2id.co.uk/ . Regards, Lyn Williams __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem with dropdown menu
Hi Lyn,
Try these styles:
.mainlink{
display:block;
width:128px;
background: #98cb00;
font-weight:bold;
font-size: 90%;
color:#FF;
text-decoration:none;
padding: 6px;
margin: 3px 0 0 0;
}
#submenu_1 /* 1-4 */{
width: 140px;
padding: 0;
margin: 3px 0 0 0;
background: #E6FFCC;
list-style:none;
}
Note that I've removed the float: left; code from your original--I'm not
sure what it was there for, and it certainly didn't help in IE. I also
moved the margin from the bottom of the buttons to the top, because when
the lists were appearing it was creating some weird margin behaviour.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE problem showing border-top for an ancor
Hi,
in my HTML test page I've tried to set a top border when I hover a
link. It does work in Firefox and Opera. Is internet explorer capable
to do that?
The HTML:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html; charset=utf-8/
titlenew layout/title
link href=base.css media=screen rel=Stylesheet type=text/css /
/head
body
div
a href=#posti/a
/div
/body
/html
the CSS:
a {
text-decoration: none;
color: #FFAE00;
margin-top: 3px;
border-top: 3px solid green;
}
a:hover {
color: red;
border-left: 3px solid blue;
}
and if IE is once again handicapped, is there an hack to get rid of it?
Enrico
--
The only thing necessary for the triumph of evil
is for good men to do nothing
Edmund Burke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem showing border-top for an ancor
I accidentally fall to this: http://ndesign-studio.com/ it has thoose links floating as block element so it get the top-border working in IE too, it's a way out... but I'm still wondering if are there any other ones... :-) Enrico -- The only thing necessary for the triumph of evil is for good men to do nothing Edmund Burke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem showing border-top for an ancor
Enrico Teotti wrote: I accidentally fall to this: http://ndesign-studio.com/ it has thoose links floating as block element so it get the top-border working in IE too, it's a way out... but I'm still wondering if are there any other ones... :-) Sure. Since 'float: left/right' is one of the many 'hasLayout'[1] triggers that IE' buggy rendering-engine rely on, then one of the other triggers are sure to work too - but may have negative side-effects. The addition of 'position: relative' (which does not act as a 'hasLayout' trigger, but more as a reminder that IE is supposed to 'stack' and 'paint' an element properly) usually do the trick on its own for inline-elements. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem
I am not sure how to better describe this as I really cannot figure out what is going on. I have a problem where a block of content is simply disappearing in IE, but displays just fine in Firefox. The site is http://www.kcoutlet.com. The home page is split into 2 columns and the title bar of the top box in the left column is simply disappearing. If I change the order of the boxes, the title bar of whichever box is on top will disappear. I am using the NiftyCorners script to round the boxes, but removing it has not effect. Any ideas - this is really baffling me? Thanks -- Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem
Okay, this gets even better. If I scroll the window such that the title bar scrolls off the page, then scroll back ... it magically appears again. Am I loosing my mind or is IE really this quirky? Thanks -- Jeff -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jeff Chastain Sent: Saturday, August 26, 2006 2:46 PM To: 'CSS Discuss' Subject: [css-d] IE Problem I am not sure how to better describe this as I really cannot figure out what is going on. I have a problem where a block of content is simply disappearing in IE, but displays just fine in Firefox. The site is http://www.kcoutlet.com. The home page is split into 2 columns and the title bar of the top box in the left column is simply disappearing. If I change the order of the boxes, the title bar of whichever box is on top will disappear. I am using the NiftyCorners script to round the boxes, but removing it has not effect. Any ideas - this is really baffling me? Thanks -- Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 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 IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem
From: Jeff Chastain [EMAIL PROTECTED] Am I loosing my mind or is IE really this quirky? You're not losing your mind, it's IE. I have a problem where a block of content is simply disappearing in IE, but displays just fine in Firefox. The site is http://www.kcoutlet.com. Check out the following links and see if they have any help for your problem. http://www.positioniseverything.net/explorer/peekaboo.html http://www.communitymx.com/content/article.cfm?cid=C37E0 ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE problem with relative positioning and one other small issue
Look at the following link in IE: http://test.lakequincy.com/Advertisers/Default.aspx Then resize the browser and notice that the positioning shifts until you refresh the page, then its back centered again like its supposed to be. I know this is because of the relative positioning I'm using and it works perfectly in FireFox, but IE's display is annoying. Is there anyway around this? BTW, the reason I need to use relative positioning is for the quote marks in the Customer Quote section and the blue separator links between each content section. 2nd issue: In the main blue navigation bar when you hover over the links, the vertical separator line (topnavbar-divideline.gif) disappears. This is because I have it as a background image on the link and on hover I'm replacing the background image with the yellowish background image. I just don't know how else to do it to all make it work correctly. Suggestions? Thanks, Craig __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE problem
I have tried many things and have failed to make question 2.2 on this survey
to look properly in IE. It looks like I want it to in Firefox.
http://www.facilityplanners.com/survey/_common/v6/genSurvey.aspx?p=/survey/ucr/s2/
The relevant markup is:
fieldset class=optionset
legend class=optionlegend4/legend
div class=optiontlabelUse of meeting
rooms/div
div class=optdiv
label for=influence2_meeting_rooms_1
class=optlblinput type=radio runat=server value=1
name=influence2_meeting_rooms id=influence2_meeting_rooms_1Greatly
influences/label
label for=influence2_meeting_rooms_2
class=optlblinput type=radio runat=server value=2
name=influence2_meeting_rooms
id=influence2_meeting_rooms_2Influences/label
label for=influence2_meeting_rooms_3
class=optlblinput type=radio runat=server value=3
name=influence2_meeting_rooms id=influence2_meeting_rooms_3No
influence/label
/div
/fieldset
The relevant CSS is:
.optionset{
border: 1px solid Fuchsia;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
}
.optionlegend{
display: none;
}
.optiontlabel {
width: 30%;
border: none;
float: left;
margin: 0px 0px 0px 0px;
background-color: White;
}
.optdiv{
color: #2A2A2A;
margin: 0px 0px 0px 31%;
padding: 2px 0px 0px 0px;
border: 1px solid green;
white-space: normal;
vertical-align: top;
}
.optdiv label {
white-space: nowrap;
}
What the heck am I doing wrong?
--
/Mark Brailsford
mailto:[EMAIL PROTECTED]
blog: http://brailm.blogspot.com/
Any fool can make things bigger, more complex, and more violent. It takes a
touch of genius-and a lot of courage-to move in the opposite direction.
--Albert Einstein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem
mark brailsford wrote:
I have tried many things and have failed to make question 2.2 on this
survey to look properly in IE. It looks like I want it to in
Firefox.
http://www.facilityplanners.com/survey/_common/v6/genSurvey.aspx?p=/survey/ucr/s2/
What the heck am I doing wrong?
I have no idea :-) but adding...
.optdiv {clear: none;}
...seems to work in favor of a more or less identical look in Firefox
1.5.0.3 and IE6.
The fact that Opera 9beta position things like IE6 - before and after
that addition - might give you a clue.
Note: too much garbage above doctype, so we're dealing with 'quirks
mode' here.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem
Solved it myself. I had a clear all in another selector. -- /Mark Brailsford mailto:[EMAIL PROTECTED] blog: http://brailm.blogspot.com/ Any fool can make things bigger, more complex, and more violent. It takes a touch of genius-and a lot of courage-to move in the opposite direction. --Albert Einstein __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem using graphic as underline Article updated !
francky wrote:
Article/tutorial Fun links in css (Underline with IE-proof home made
text-decoration):
http://home.tiscali.nl/developerscorner/imaging/fun-links.html
... and don't laugh! ;-)
I asked it, so I got it...
Els wrote me within an hour:
:-)I tried not to, but on a developer's IE with image caching off,
it just looks funny the way the images line up on every hover :-)
Anyway, I saw your 2 remarks at the bottom of the page, and I think
you might wanna add a third one:
It isn't a good idea accessibility wise, since for people who surf
with images off and css enabled, there's no indication at all that
that text is actually a link. I think this method should be combined
with some other form of styling on the text maybe?
Made a point! Weak defense: the same issue is in the ALA article, but it
is masked over there. [1]
I figured out that just canceling the a { text-decoration: none; } is
enough (and a third remark is not needed).
See the update:
http://home.tiscali.nl/developerscorner/imaging/fun-links.html#accessibility
Thanks go to Els,
Greetings,
francky
[1] The underline is gone with the: a { text-decoration: none; } in the
article.css, but by accident it is coming back via the general ALA
stylesheet base.css: a { border-bottom: 1px solid #555;}.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem using graphic as underline Solution in New Article
francky wrote: Hi all, Just figured out a workaround, but it's too late now for making a good looking description / testpage. Promise: within a few days! francky Here we are. Article/tutorial Fun links in css (Underline with IE-proof home made text-decoration): http://home.tiscali.nl/developerscorner/imaging/fun-links.html ... and don't laugh! ;-) Cheers, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem from a beginner
Hi all, I am trying to design a website using CSS. You can see the disaster at www.drder.plus.com However, it is only a disaster in IE running under Windows, on my Mac using various browsers, including IE on the Mac. At this point, there are two main things I am trying to correct. Firstly, the obvious problem of the left column that isn't there, until you resize the window. Then it appears on the right side, until you try to click on one of the bottom two buttons. At which point, it jumps to where it ought to be. If I wasn't so frustrated with it, it would be kind of fun. The second problem is the border around the top navigation tabs. It shouldn't be there. I have tried border-style: none and a few other things, but any help would be much appreciated. At last check, both the CSS and HTML validated find. Any help would be greatly appreciated. TIA! Dave = Digital Nib Limited [EMAIL PROTECTED] Mobile: 07967 174 313 = __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem using graphic as underline
David McFarland wrote: Is there a workaround for this? Hehe, I was just working on the same thing... funny you mention it cause now I may hold-off on implementing. Anyway, a good place to look on ALA for more info is the comments section for the articles: http://snipurl.com/q8xf I noticed in the first few pages several people ask the same question. Hth, Micky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
