Re: [css-d] Alignment issues in FF

[david]

Jeralyn Merideth wrote:
> Alan,
> 
> That did it! Thanks so much! I need to read up on he hasLayout bug :-)
>  
> Jeralyn Merideth - Owner

You need to design for Firefox, then tweak pages to work in IE, not the 
other way around.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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] Alignment issues in FF

[Jeralyn Merideth]

Alan,

That did it! Thanks so much! I need to read up on he hasLayout bug :-)
 
Jeralyn Merideth - Owner

Designs by Jeralyn 
A Division of
5 Points Interactive
Creative Design Solutions for Web and Print
[EMAIL PROTECTED]
[EMAIL PROTECTED]

Ida Goldina - Natural Skin Care
[EMAIL PROTECTED]






  

Never miss a thing.  Make Yahoo your home page. 
http://www.yahoo.com/r/hs
__
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] Alignment issues in FF

[Alan Gresley]

Jeralyn Merideth wrote:

> I just started this project and already I'm having alignment issues. Thing 
> is, everything looks
> fine, so far, in IE 5.5 & 6, it's FF i'm having a problem with. Can someone 
> look at my code and
> help me figure this out?
> 
> Thanks in advance!
> 
> http://www.5pts-interactive.com/projects/DHSS/
>  
> Jeralyn Merideth - Owner

Hi Jeralyn

The alignment in FF is due to collapsing margins [1]. The default headings' top 
margin in the #masthead div is escaping the #masthead div and in turn escapes 
the #wrapper div. This pushes the #wrapper div roughly 20px down from the 
#topMast div. IE however is showing it's bugs with hasLayout causing the 
default headings' top margin to disappear. The #masthead div has a width and 
height which are both hasLayout triggers. The fix is.

#masthead  h1 {
margin-top: 0;
}   

which simply removes the gap in FF.

1. 


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] Alignment issues in FF

[Highpowered]

Jeralyn Merideth wrote:
> I just started this project and already I'm having alignment issues. Thing 
> is, everything looks fine, so far, in IE 5.5 & 6, it's FF i'm having a 
> problem with. Can someone look at my code and help me figure this out?
> 
> Thanks in advance!
> 
> http://www.5pts-interactive.com/projects/DHSS/
>  
> Jeralyn Merideth - Owner


To continue Peter's thought...

add this declaration to your CSS:

#wrapper>#masthead {
margin:90px 0pt auto;
}

...and see if that helps "fix" the issue in Firefox.

-Jason
__
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] Alignment issues in FF

[Peter Mount]

Jeralyn Merideth wrote:
> Hi Peter,
> 
> I added the code like the tutorial said and it's now lined up in FF, but 
> IE is mis-aligned. Did I miss something?? :-)
>  
> Jeralyn Merideth - Owner
> 
> Designs by Jeralyn
> A Division of
> 5 Points Interactive
> Creative Design Solutions for Web and Print
> [EMAIL PROTECTED]
> [EMAIL PROTECTED]
> Hi
> 
> Look at this tutorial on child selectors
> 
> http://24ways.org/2005/avoiding-css-hacks-for-internet-explorer
> 
> IE7 behaves more properly than IE6 so don't worry about it reading the
> child selector. You can look up conditional comments as a last resort.
> 
> Have fun
> 
> -- 
> Peter Mount
> Web Development for Business
> Mobile: 0411 276602
> [EMAIL PROTECTED] 
> http://www.petermount.com
> 
> 
> 
> Never miss a thing. Make Yahoo your homepage. 
> 

Hi

What code are you using now?

You use the child selector to target FF and other compliant browsers (as 
well as IE7). Eg

h1{
color: blue;
background-color: transparent;
}

html>body h1{
color: black;
background-color: white;
}


-- 
Peter Mount
Web Development for Business
Mobile: 0411 276602
[EMAIL PROTECTED]
http://www.petermount.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] Alignment issues in FF

[Jeralyn Merideth]

I just started this project and already I'm having alignment issues. Thing is, 
everything looks fine, so far, in IE 5.5 & 6, it's FF i'm having a problem 
with. Can someone look at my code and help me figure this out?

Thanks in advance!

http://www.5pts-interactive.com/projects/DHSS/
 
Jeralyn Merideth - Owner

Designs by Jeralyn 
A Division of
5 Points Interactive
Creative Design Solutions for Web and Print
[EMAIL PROTECTED]
[EMAIL PROTECTED]






  

Never miss a thing.  Make Yahoo your home page. 
http://www.yahoo.com/r/hs
__
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/