[css-d] CSS Layout problems with Safari

[lisa wong]

Hi there,

I'm having layout issues in Safari ver 3.1.1 on Windows, but not IE 7, FF,
or Safari ver 3.04 on a Mac. In simple areas like this:
#menu{
margin-top:55px;
margin-left:300px;
font-family: Papyrus;
font-size: 14pt;
color:#FF;
width:475px;
text-align: left;
}

The issue seems to be with the margin-left and width properties. Items
layout differently in Safari v. 3.1.1 on windows than the other browsers.
Also seeing issues with margin-top spacing. Does anyone have any ideas on
what may be going on here?  Or how to call a style-sheet for Safari only? I
now how to call one for IE and its different versions, but not finding
anything on safari.

Thanks!
~Lisa
__
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] CSS Layout problems with Safari

[David Laakso]

lisa wong wrote:
 Does anyone have any ideas on
 what may be going on here?  Or how to call a style-sheet for Safari only? I
 now how to call one for IE and its different versions, but not finding
 anything on safari.


 ~Lisa
   


Put the page in question on a public server and point to it in your 
post.  It is impossible to answer that question based on a snippet of code.

-- 
http://chelseacreekstudio.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] CSS Layout problems with Safari

[lisa wong]

Resubmitting with actual website with problems:
http://www.mattcolagiuri.com/home.html
Most of the pages show the menu on two lines (should be one line) and the
copyright and other text off a little bit.  Thanks for looking at this!

~Lisa

On Wed, Apr 23, 2008 at 7:22 PM, lisa wong [EMAIL PROTECTED] wrote:

 Hi there,

 I'm having layout issues in Safari ver 3.1.1 on Windows, but not IE 7, FF,
 or Safari ver 3.04 on a Mac. In simple areas like this:
 #menu{
 margin-top:55px;
 margin-left:300px;
 font-family: Papyrus;
 font-size: 14pt;
 color:#FF;
 width:475px;
 text-align: left;
 }

 The issue seems to be with the margin-left and width properties. Items
 layout differently in Safari v. 3.1.1 on windows than the other browsers.
 Also seeing issues with margin-top spacing. Does anyone have any ideas on
 what may be going on here?  Or how to call a style-sheet for Safari only? I
 now how to call one for IE and its different versions, but not finding
 anything on safari.

 Thanks!
 ~Lisa

__
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] CSS Layout problems with Safari

[David Laakso]

lisa wong wrote:
 Resubmitting with actual website with problems:
 http://www.mattcolagiuri.com/home.html
 Most of the pages show the menu on two lines (should be one line) and the
 copyright and other text off a little bit.  Thanks for looking at this!

 ~Lisa


   

 I'm having layout issues in Safari ver 3.1.1 on Windows, but not IE 7, FF,
 or Safari ver 3.04 on a Mac. In simple areas like this:

 Thanks!
 ~Lisa

 



Lisa,

I get the same results as you on the menu in  Safari PC and Safari  Mac. 
The structure is brittle. The page (all pages) loads in the PC with the 
menu on two lines. (minus) -1 font-scaling corrects it and puts it on 
one line. On the Mac (higher dpi) the menu loads on one line. (plus) +1 
font-scaling breaks the menu -- drops out of its containing division -- 
and puts it on two lines. Not much you can do, imo, other than allow for 
greater width (decease the menu margin-left), and provide no overly 
restrictive height declaration. Adding padding-top to the copyright line 
should give more spacing of it for both OS.

-- 
http://chelseacreekstudio.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/