Re: [css-d] Safari Alignment Problems

[David Laakso]

Ecklund, Karen - DNR wrote:
> Thank you to those who replied with suggestions for my alignment issues in 
> Safari...One of my issues has now been resolved.  The other is still a 
> problem:
>
>   
>> http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
>> BrowserCam screen shot of a Safari 2009 story page
>> Problem: all page content is shifted far right and creates a  
>> horizontal scroll bar
>> 




Hmm. Seems to work in Safari on this end.


First selector at very top of style sheet:
table {clear: both;}




__
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] Safari Alignment Problems

[Tim Snadden]

On 21/08/2009, at 6:36 AM, Ecklund, Karen - DNR wrote:

> Thank you to those who replied with suggestions for my alignment  
> issues in Safari...One of my issues has now been resolved.  The  
> other is still a problem:
>
>>
>> http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
>> BrowserCam screen shot of a Safari 2009 story page
>> Problem: all page content is shifted far right and creates a
>> horizontal scroll bar
>>
>> Link to CSS:
>> http://dnr.wi.gov/wnrmag/css/wnrmag.css
>>
>> Link to Live page:
>> http://dnr.wi.gov/wnrmag/2009/08/tanager.htm
>
> Additional suggestions very much appreciated!  Karen


Hasn't this already been covered? I seem to remember David Laakso  
suggesting making the table 'clear: both'.
Another fix is...

#hnav { overflow: auto; }

Cheers, Tim
__
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] Safari Alignment Problems

[Ecklund, Karen - DNR]

Thank you to those who replied with suggestions for my alignment issues in 
Safari...One of my issues has now been resolved.  The other is still a problem:

>
> http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
> BrowserCam screen shot of a Safari 2009 story page
> Problem: all page content is shifted far right and creates a  
> horizontal scroll bar
>
> Link to CSS:
> http://dnr.wi.gov/wnrmag/css/wnrmag.css
>
> Link to Live page:
> http://dnr.wi.gov/wnrmag/2009/08/tanager.htm

Additional suggestions very much appreciated!  Karen
__
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] Safari Alignment Problems

[Tim Snadden]

On 20/08/2009, at 8:02 AM, Ecklund, Karen - DNR wrote:

> Thanks Theresa...I have now validated the html and the display  
> problems are still there...any more suggestions?  Thanks. Karen
>
> -Original Message-
> From: Theresa Mesa [mailto:trixiesirishe...@gmail.com]
> Sent: Wednesday, August 19, 2009 11:38 AM
> To: Ecklund, Karen - DNR
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Safari Alignment Problems
>
> *Neither* site's HTML validates to the W3C validator. Neither site's  
> CSS validates, either. It's good to get the validation of both taken  
> care of first. It's amazing what can be fixed in a browser if the  
> code validates.
>
>
> Theresa
>
>
>
>
> On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote:
>
>> I'm a web publisher for an online version of a magazine. Story pages
>> are not displaying correctly in Safari.  I'm not well-versed in the
>> use of css but I can have another colleague interpret your responses
>> for me.  Here are my two issues:
>>
>> #1
>>
>> http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
>> BrowserCam screen shot of a Safari 2009 story page
>> Problem: all page content is shifted far right and creates a
>> horizontal scroll bar
>>
>> Link to CSS:
>> http://dnr.wi.gov/wnrmag/css/wnrmag.css
>>
>> Link to Live page:
>> http://dnr.wi.gov/wnrmag/2009/08/tanager.htm
>>
>>
>> #2
>>
>> http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg
>> BrowserCam screen shot of a Safari 2005 story page
>> Problem: horizontal navigation bar and page content are overlapping
>>
>> Link to CSS:
>> http://dnr.wi.gov/wnrmag/css/story.css
>>
>> Link to Live page:
>> http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm
>>
>>
>> Any insight you can provide is greatly appreciated.  Karen

There is no such thing as 'clear: all', it's 'clear: both'. I don't  
know why it wasn't picked up by the validator.

Validate your CSS as well.

<http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fdnr.wi.gov%2Fwnrmag%2Fhtml%2Fstories%2F2005%2Fapr05%2Flight.htm
 
 >

Please bottom post!

cheers, Tim

__
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] Safari Alignment Problems

[David Laakso]

Ecklund, Karen - DNR wrote:
> I'm a web publisher for an online version of a magazine. Story pages are not 
> displaying correctly in Safari.  I'm not well-versed in the use of css but I 
> can have another colleague interpret your responses for me. I have validated 
> the html.  Here are my two issues:
>
> #1
>
> Link to CSS:
> http://dnr.wi.gov/wnrmag/css/wnrmag.css
>
> Link to Live page:
> http://dnr.wi.gov/wnrmag/2009/08/tanager.htm
>
>   




Try:
table {clear: both;}















__
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] Safari Alignment Problems

[Ecklund, Karen - DNR]

Thanks Theresa...I have now validated the html and the display problems are 
still there...any more suggestions?  Thanks. Karen

-Original Message-
From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
Sent: Wednesday, August 19, 2009 11:38 AM
To: Ecklund, Karen - DNR
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Safari Alignment Problems

*Neither* site's HTML validates to the W3C validator. Neither site's CSS 
validates, either. It's good to get the validation of both taken care of first. 
It's amazing what can be fixed in a browser if the code validates.


Theresa




On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote:

> I'm a web publisher for an online version of a magazine. Story pages 
> are not displaying correctly in Safari.  I'm not well-versed in the 
> use of css but I can have another colleague interpret your responses 
> for me.  Here are my two issues:
>
> #1
>
> http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
> BrowserCam screen shot of a Safari 2009 story page
> Problem: all page content is shifted far right and creates a 
> horizontal scroll bar
>
> Link to CSS:
> http://dnr.wi.gov/wnrmag/css/wnrmag.css
>
> Link to Live page:
> http://dnr.wi.gov/wnrmag/2009/08/tanager.htm
>
>
> #2
>
> http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg
> BrowserCam screen shot of a Safari 2005 story page
> Problem: horizontal navigation bar and page content are overlapping
>
> Link to CSS:
> http://dnr.wi.gov/wnrmag/css/story.css
>
> Link to Live page:
> http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm
>
>
> Any insight you can provide is greatly appreciated.  Karen 
> __
> 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] Safari Alignment Problems

[Theresa Mesa]

*Neither* site's HTML validates to the W3C validator. Neither site's  
CSS validates, either. It's good to get the validation of both taken  
care of first. It's amazing what can be fixed in a browser if the code  
validates.


Theresa




On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote:

> I'm a web publisher for an online version of a magazine. Story pages  
> are not displaying correctly in Safari.  I'm not well-versed in the  
> use of css but I can have another colleague interpret your responses  
> for me. I have validated the html.  Here are my two issues:
>
> #1
>
> http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
> BrowserCam screen shot of a Safari 2009 story page
> Problem: all page content is shifted far right and creates a  
> horizontal scroll bar
>
> Link to CSS:
> http://dnr.wi.gov/wnrmag/css/wnrmag.css
>
> Link to Live page:
> http://dnr.wi.gov/wnrmag/2009/08/tanager.htm
>
>
> #2
>
> http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg
> BrowserCam screen shot of a Safari 2005 story page
> Problem: horizontal navigation bar and page content are overlapping
>
> Link to CSS:
> http://dnr.wi.gov/wnrmag/css/story.css
>
> Link to Live page:
> http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm
>
>
> Any insight you can provide is greatly appreciated.  Karen
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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

[css-d] Safari Alignment Problems

[Ecklund, Karen - DNR]

I'm a web publisher for an online version of a magazine. Story pages are not 
displaying correctly in Safari.  I'm not well-versed in the use of css but I 
can have another colleague interpret your responses for me. I have validated 
the html.  Here are my two issues:

#1

http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
BrowserCam screen shot of a Safari 2009 story page
Problem: all page content is shifted far right and creates a horizontal scroll 
bar

Link to CSS:
http://dnr.wi.gov/wnrmag/css/wnrmag.css

Link to Live page:
http://dnr.wi.gov/wnrmag/2009/08/tanager.htm


#2

http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg
BrowserCam screen shot of a Safari 2005 story page
Problem: horizontal navigation bar and page content are overlapping

Link to CSS:
http://dnr.wi.gov/wnrmag/css/story.css

Link to Live page:
http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm 


Any insight you can provide is greatly appreciated.  Karen
__
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/