[css-d] CSS Layout problems with Safari

2008-04-24 Thread 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

2008-04-24 Thread 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/

[css-d] CSS Layout problems

2008-04-24 Thread bookpage 
My first time to post and I hope I am asking in the correct way. I am 
have trouble trying to debug my CSS when there is an error between IE 
and FF. I have tried to use Firebug, but just can't seem to understand 
how to use it.

There are several differences between IE and FF on this page 
http://tavbooks.com/test/test.html.

FF has a small space at top before heading and IE does not (I would like 
to keep the space).
The menu is not showing correctly (it has double the height) in IE but 
is showing correctly in FF.
The content box is wider in IE than in FF.
The hr above the footer menu is not showing in FF but is in IE.

Can someone take a look and show me how to find these errors? Would 
greatly appreciate the help.

Rayburn

__
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

2008-04-24 Thread 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

2008-04-24 Thread 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/