1 reply [Last post]
haileris23
Offline
newbie
Last seen: 15 years 42 weeks ago
Joined: 2003-12-29
Posts: 1
Points: 0

http://home.satx.rr.com/fnord/index.html
http://home.satx.rr.com/fnord/style.css

The links in the sidebar are 'width: 100%'. Works fine in IE, but in Mozilla they not only aren't wide enough, but they also squish together vertically.

??

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 15 years 48 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

<A> width in Mozilla

First of all Moz is correct in its render. IE compensates and looks ok.

For A.menuItem you put width: 100%; Well the width will be the length of the text as that is the link. add some more text to one of the links and see what happens in Moz.

to fix get rid of width: 100%; and put in display: block; instead.

on the size - add height: 20px; and now moz and IE have same.

BTW you should also add a correct Doc Type. Becasue you do not have a Doc Type all Browsers will render in quirky mode, and it will be difficulkt to get them to match.

Regards
Day

The only way to learn is to do it yourself