Re: [css-d] IE 7/8 issues

[David Laakso]

Jenni Beard wrote:
>  
>
> http://charlestonhealinghands.com/1/template.html 
>
>  
>
> In IE8, it's almost correct except that the navigation has a white
> background which covers up some of the background image that should show
> (should have no background color on the main nav).  When you mouse over
> "services," the sub-nav also comes up w/a white background instead of yellow
> as it should.
>
>  
>
> In IE7, the same issues exist as in 8, but also the clear left is not
> working so it's pushing the content down with a huge gap left.  It's a mess.
>
>  
>
> Any thoughts?  I am at my wits' end with this!
>
>  
>
> Thanks!
>
>  
>
> Jenni
>
>  
>
>   



Too many corrections to list them all. See corrected markup (valid) and 
corrected CSS (valid). IE 6/7/8 now on-board (sort of).
Cursory checked in Chrome, Safari, Opera, and Firefox.
Name of the game is keep it simple. You were feeding confusing and 
different positioning schemes that confused browsers. I leave the 
remaining corrections to you and/or others.

markup

css



Best, and good luck...
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 7/8 issues

[David Laakso]

Jenni Beard wrote:
> Thank you so much, I did not realize that was there.  I never really
> understood what that bottom section was there for--I am really trying to
> learn proper CSS but struggling at times.
>
> I am still not clear as to why in IE7 the clear left is not working.  Any
> thoughts on that part??
>
> http://charlestonhealinghands.com/1/template.html 
>
> Thank you again!!
>
> Jenni
>
>
>
>   



It is not working as you intend in IE 6/7/8 because you are feeding 
browsers a confused and mixed bag of positioning schemes.  Hold on a 
bit. I've got a fix for you in an hour or so...

~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 7/8 issues

[Jenni Beard]

Thank you so much, I did not realize that was there.  I never really
understood what that bottom section was there for--I am really trying to
learn proper CSS but struggling at times.

I am still not clear as to why in IE7 the clear left is not working.  Any
thoughts on that part??

http://charlestonhealinghands.com/1/template.html 

Thank you again!!

Jenni




__
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 7/8 issues

[Peter Bradley]

On 03/05/10 21:13, Jenni Beard wrote:
> Any thoughts?  I am at my wits' end with this!
>
>

Just a holding answer until someone can get back to you with something 
more constructive...

You have an html error in your  element on line 6.  It just need 
closing, that's all.  That gets your html validating OK.

In your CSS you have a number of errors - according to the validator:


  Sorry! We found the following errors (9)


URI : http://charlestonhealinghands.com/1/main.css

51  #navParse Error ]margin-right:85px;
52  #navParse Error ]left: 400px;
53  
Unknown pseudo-element or pseudo-class :none
54  background-colorParse Error none;
55  background-colorParse Error }
63  #contentValue Error : padding-top 
 -50.0 negative 
values are not allowed : -50px -50px


URI :
http://charlestonhealinghands.com/SpryAssets/SpryMenuBarVertical.css

22  ul.MenuBarVertical  Value Error : background-color 
 none 
is not a color value : none none
59  ul.MenuBarVertical ul   Parse Error ]margin: -5% 0 0 -95%;
60  ul.MenuBarVertical ul   Parse Error }


Correcting these may help.  I haven't been able to check because I can't 
get my hands on IE7 for the moment.

HTH

Cheers


Peter
http://www.peredur.net

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE 7/8 issues

[Jenni Beard]

Hi all,

 

In Firefox, this looks exactly as it should.  Same goes for Chrome.

 

http://charlestonhealinghands.com/1/template.html 

 

In IE8, it's almost correct except that the navigation has a white
background which covers up some of the background image that should show
(should have no background color on the main nav).  When you mouse over
"services," the sub-nav also comes up w/a white background instead of yellow
as it should.

 

In IE7, the same issues exist as in 8, but also the clear left is not
working so it's pushing the content down with a huge gap left.  It's a mess.

 

Any thoughts?  I am at my wits' end with this!

 

Thanks!

 

Jenni

 

 

__
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/