Previous Message
Next Message

Text and Line height woes in Opera, and one other little issue Also, MAC checks please . . .

Sent by Gunlaug_Sørtun on 14 January 2005 05:05


> <http://kickasswebdesign.com/decorides/zephyr.htm>

> ...I want a slightly bigger than normal line height for easier 
> reading in the #textbox div, which is what shows in FF, but Opera 
> doesn't recognize that at all.  IE is sorta between the two, not as 
> bad as Opera, not as good as FF.

Had no problems setting all browsers to something like line-height:130%;
but a slight change in FF when I changed that to line-height: 1.3;.
Those two should be identical, which they are in my Opera.
Percentage seems to work best across browser-land.

> The second problem is the bottom of the right hand nav column, called
>  #navbox which wraps the linklists.  I can't seem to get the margin 
> to show up for love nor money...

Use padding-bottom instead.

> Not a problem, but a question-- is there any way to override the 
> amount of indent on those unordered lists?

Set both margin-left and padding-left, since the browsers have different
ways of indenting lists. I thought this looked nice on your page:
ul .linklist {margin-left: 0; padding-left: 10px;}

> Thirdly, browser testing, especially in MAC ...

Mac: Safari, FF, Opera and IE is displaying the page pretty much
identical. A sideways scroll-bar in IE-- going nowhere. Think that's a
"normal" bug in IE/Mac on floats, but I can't fix it. :)

Windows: FF and Opera identical (after fix).
IE6 is making a number out of it at from width: 760 down to 570--
pushing the faux-column off to the right. On even narrower window the
faux-column is back in place, but now the "infobox" and "textbox" is
overlapping. IE6 behaves fine if I take "infobox" out of the flow, using
position: absolute; right: 250px;. Not a perfect fix. You have to look
into that one.

Your layout is basically sound. Having the main text on top is good for 
us humans too. :)

regards
	Georg
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: