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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
Re: [css-d] IE problem using graphic as underline
Micky Hulse wrote: 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 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 __ 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
francky wrote: Just figured out a workaround, but it's too late now for making a good looking description / testpage. Promise: within a few days! I am looking forward to seeing your results! :D Thanks for sharing Francky! Cheers, 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/
Re: [css-d] IE problem, floating inside an absolute
Hi James, Because your main content div is absolutely-positioned, the footer ignores it. I would guess that either by removing the absolute on that which you wanted as the parent, or by possibly adding a relative position to the footer this would work. Give it a try, let me know. -- Kate - Original Message - From: James Yates [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, March 30, 2006 1:56 PM Subject: [css-d] IE problem, floating inside an absolute Hi, Am trying to float a footer in an absolute positioned maincontent div. Problem in IE is when I apply width 100% to footer. Instead of being 100% width of maincontent parent, it's much wider and extends maincontent off the screen. Is there a fix? Can someone point me in the right direction? Thanks, James __ 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 with rounded boxes and bottom margin...
No one? Is it too simple or too complicated? :-/ On Wed, Feb 15, 2006 at 10:50:44PM +0100, Thomas -Balu- Walter wrote: I am having a problem with weird IE behaviour (guessed that, huh?) when playing with rounded corners. http://www.b-a-l-u.de/PG/stuff/border_problem/ [...] The problematic area is the #f00 one. Does anyone have a hint how to avoid that or what causes it? Why does the IE expand the div and does not put a margin below, but inside? Balu PS: The #f00 one at the bottom of course __ 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 rounded boxes and bottom margin...
From: Thomas -Balu- Walter [EMAIL PROTECTED]
http://www.b-a-l-u.de/PG/stuff/border_problem/
The problematic area is the #f00 one. Does anyone have a hint how to
avoid that or what causes it?
IE6 needs layout [1] on the containing div. Probably the easiest thing to do,
at least for your example, it to add {position: relative;} on the div.
.sidebox { /* top left corner */
background: #f00 url(images/border_tl_c9d3de.gif) no-repeat left top;
margin-bottom: 20px;
position: relative; /* */
}
If this causes problems within your overall layout, you may need some other
method of invoking layout and hiding it from other browsers, such as the holly
hack.
I hope that helps,
~holly
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
__
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
Remove - background-color : #FF; - from #container. Michael - Original Message - From: Chris Edwards [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Sunday, October 30, 2005 7:26 AM Subject: [css-d] IE Problem Dear CSS Discuss I am sure this has been covered before but after many attempts to try and fix I now seek help. http://www.viewnewmedia.com/newid/english/home.php is the page in question. It displays as it should in Firefox but IE doesnt play ball. The header height is expanded - not sure if it is a height issue or a margin issue.. I may have missed something really obvious here but any pointers are much appreciated. Thanks Chris ___ Yahoo! Messenger - NEW crystal clear PC to PC calling worldwide with voicemail http://uk.messenger.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie problem
On 27/10/05, Luca Tebaldi [EMAIL PROTECTED] wrote:
Hi at all
i have a little proble in ie whit this layout
http://utenti.unife.it/luca.tebaldi/prove/test/
in the top have a margin between a float div and a centra div... why??
thank's a lot
Luca
PS i hate IE!!!
Ciao Luca,
Two things:
1. add a DOCTYPE to the very top of your HTML document, like this:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
2. use absolute positioning for the edge graphics rather than floats:
#portal-top
{
position: relative;
height: 115px;
}
#angolo-alto-sx
{
background:
url(http://utenti.unife.it/luca.tebaldi/prove/test/style/portal-top-left3.JPG)
top no-repeat;
width: 18px;
height: 105px;
position: absolute;
left: 0;
top:0;
}
#angolo-alto-dx
{
background:
url(http://utenti.unife.it/luca.tebaldi/prove/test/style/portal-top-right3.JPG)
top no-repeat;
width: 18px;
height: 105px;
position: absolute;
right: 0;
top:0;
}
#centro-alto
{
background:
url(http://utenti.unife.it/luca.tebaldi/prove/test/style/portal-top-center3.JPG)
top repeat-x;
height: 115px;
}
Buona fortuna!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie problem
On 27/10/05, matt andrews [EMAIL PROTECTED] wrote: 1. add a DOCTYPE to the very top of your HTML document, like this: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; I'd strongly advise against using XHTML (which has a large number of gotchas) and Transitional (which includes large numbers of elements and attributes that should not be used, and only a couple which might be useful ... and then only very rarely). !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; ... is almost certainly a better bet. Once you specify a Doctype, authors should make use of http://validator.w3.org/ to check that their document conforms to the spec (at least as far as it can - the DTD can't express the entire spec, but that doesn't stop the validator being a useful tool. (Any more then a spell checker isn't useful if it can't tell you you've used their when the correct word was there). -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie problem
I'd strongly advise against using XHTML Really? I detest. HTML 4.01 is so last season. One more vote for using XHTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; Put it at the top, and then treat yourself to a nice dinner. -- -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem -- Floats, maybe?
Barbara Dozetos wrote:
http://www.pcc.com/welcometest.html
img.pedspecific, img.supportemma {position: relative; }
...will make them visible in IE/win
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem -- Floats, maybe?
That's the ticket! Thanks a million.
Barb
Gunlaug Sørtun wrote:
img.pedspecific, img.supportemma {position: relative; }
...will make them visible in IE/win
Georg
--
Barbara Dozetos ~ Marketing Communications Designer
Physician's Computer Company * (p)802-846-5532
1 Main St., #7* (f)802-846-8178
Winooski, VT 05404* [EMAIL PROTECTED]
www.pcc.com
Pediatric software just got smarter. Your practice just got healthier.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem (with valid code)
Jon
Give this a try:
#leftContainer ul {
margin:0;
padding:0;
list-style:none;
}
#leftContainer ul li {
text-align:right;
margin-left: -28px
margin-right: 6px;
}
Jon Stephenson wrote:
I have removed everything extra from the code it will now validate and it
still having a problem in IE here is the link to the new test file. I still
have an extra space under each list item in my nav now the only thing on the
test page is the nav I have removed all other elements.
http://www.shi-ni.com/nav.htm
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] IE Problem (with valid code)
I have removed everything extra from the code it will now validate and it still having a problem in IE here is the link to the new test file. I still have an extra space under each list item in my nav now the only thing on the test page is the nav I have removed all other elements. http://www.shi-ni.com/nav.htm Jon- add display:inline; to your #leftContainer li and move your text-align:right; to #leftContainer li a. That should fix it. You could also simply eliminate the whitespace in your sourcecode between each li item. This will also eliminate it. I don't recall the exact reasons for this bug. Perhaps someone else can chime in on the why portion. Regards, Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem (with valid code)
Taking out the line breaks between the list items worked but this code is going to be generated by a cms and it has to put each one on its own line is there any other way to fix it? On 9/7/05 1:14 PM, Pringle, Ron [EMAIL PROTECTED] wrote: I have removed everything extra from the code it will now validate and it still having a problem in IE here is the link to the new test file. I still have an extra space under each list item in my nav now the only thing on the test page is the nav I have removed all other elements. http://www.shi-ni.com/nav.htm Jon- add display:inline; to your #leftContainer li and move your text-align:right; to #leftContainer li a. That should fix it. You could also simply eliminate the whitespace in your sourcecode between each li item. This will also eliminate it. I don't recall the exact reasons for this bug. Perhaps someone else can chime in on the why portion. Regards, Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] IE Problem (with valid code)
Taking out the line breaks between the list items worked but this code is going to be generated by a cms and it has to put each one on its own line is there any other way to fix it? add display:inline; to your #leftContainer li and move your text-align:right; to #leftContainer li a. That should fix it. Jon- Did you try the inline fix? add display:inline; to your #leftContainer li and move your text-align:right; to #leftContainer li a. That fixed it on my local copy of your page. Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem: gap before background image after div and before table
Andrew Mason wrote: Hi, Anyone know why I'm having this problem with IE? http://www.pandamouth.org/simplikate/ At the top of the page, after the header and before the background image in the main part of the page there is a little gap. You can tell because the border, which is part of the background image, is broken. Hi Andrew: Try adding a style for that image and put display: block; inside it. Images by default are treared as inline elements, leaving space for the descenders of letters below them. Making them block takes that away. That should take care of it. Hope this helps, Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (IE problem) vertical-align of div in td doesn't work when div has relative height
Take a look at this http://www.jakpsatweb.cz/css/priklady/vertical-align-valid-solution-en.html It gives you a valid method to center content, or change it's values to any vertical-align options ( in your case bottom ). There are two parts in the css: for all browsers / for Ie. By the way it is the only clean method i know to control vertical-align, especially to center content vertically. Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (IE problem) vertical-align of div in td doesn't work whendiv has relative height
From: sascha sengespeick [EMAIL PROTECTED] please take a look at this: http://www.info01.de/sascha/buggy_in_ie.html it drives me crazy! if you change the height to a pixel value, it works fine in IE ... Is there some reason that you need the XHTML1.1 doctype? Using a different doctype that allows you to get IE out of quirks rendering mode will solve the problem, and keep the 50% height. http://www.communitymx.com/abstract.cfm?cid=E2F258C46D285FEE hope that helps, ~hollly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem w/ 3 Columns
jimmy wrote: I am having a problem in IE6 on XP with a 3 column layout. The left column contains thumbnail images, and sometimes it shows up under the text in the center column, and sometimes it shows properly in the left column. I can keep clicking on the page refresh and it will move back and forth. Naturally it works fine in FF... and seems to be ok in Opera, although I haven't thoroughly checked it there yet!! Both the html css validate. http://www.kblevinsinvestments.com/Properties/Properties.php?r=913 Jimmy, I don't see this happening either (IE6, XP, SP2). If you are still seeing it, is there anything else you can tell us about your setup? What size window are you running at? What text size are you using? Etc. Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - float dropping down
Don Hinshaw schrieb: Hello all, My example page is here: http://test.hinshawdesign.com/css/float_debug.html What I find in IE is that when I make my viewport narrower than ~850px, the center column drops way down. I realize that this is due to the select menu in that column, but ultimately I will have no control over such elements (including long URLs), so I would like to find a way to fix this. A horizontal scrollbar is fine...disappearing content is not! Thanks for any sugestions! Another problem you might want to fix is that your script freezes IE when the window is narrowed to about 500px (IE6XPSP2) Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
