Previous Message
Next Message

The 1 px terror - Help.

Sent by MEM on 4 November 2008 03:03


Thanks. I will give a try on your solution. I will see what do I get after
the changes.

And... With all the margin and padding and height and pixel and em... maybe
what you have said:
" Also: avoid values that you see introduce rounding-differences in your
range of browsers", leads me to a math problem. :)


Thanks once again,
Márcio


-----Original Message-----
From: Gunlaug Sørtun [EMAIL-REMOVED]] 
Sent: segunda-feira, 3 de Novembro de 2008 14:46
To: MEM
Cc: [EMAIL-REMOVED]
Subject: Re: [css-d] The 1 px terror - Help.

MEM wrote:

> Now I have a pixel problem!!! Or a math problem. I don't know yet.

> http://www.cantinho.org/test3.html

At the moment all browsers fall back on their defaults for line-height,
and they are different - even between versions of the same browser.

Tell all browsers exactly what you want, and they'll do it for you.
Not a single "conditional" or other browser-specific solutions needed.

Go through your styles and add/modify _only_ the following...

..linksprincipais#navigation {
height: 1.7em; <-- change to this
}

..linksprincipais#navigation ul li a {
padding: 0 10px; <-- change to this
height: 1.7em; <-- add this
line-height: 1.7; <-- add this
}

..linksprincipais#navigation ul li a:hover {
padding-bottom : 4px; <--- delete this
}

....and the entire range of browsers you have, or don't have, problems
with will get the message, and line up your navigation in accordance
with your wishes.

You can modify the height/line-height on those elements if you wish, but
you have to make sure they all have the same value and that that value
is large enough.
Also: avoid values that you see introduce rounding-differences in your
range of browsers.

regards
	Georg
-- 
http://www.gunlaug.no

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: