I have been trying to do a CSS liquid layout imitating a frame, using
position: fixed for header, footer, and side navigation, and a fixed
background image. Page is valid HTML 4.01 Strict, and is at
http://www.ericlindsay.com/palmtop/palmnote.htm and the CSS is valid
(with colour warnings but no errors) at
http://www.ericlindsay.com/palmtop/palmtoptest.css
All the other pages in that directory use my four year old stylesheet
(so don't worry about them).
I am having some problems with Firefox 1.0.7 on Macintosh. In the
header and the footer, I am trying to confine the material to one line.
This works with Safari and Opera (Macintosh). However Firefox shows the
material at the right hand side as somewhat lower than the first
material in the header and footer. I can't really see what I am doing
wrong. Thanks.
In the header, the links are in an ordered list, and use display:
inline. The item to the right hand side is one of the list items pulled
out of the normal list position with a float: right The only unusual
thing is that I am displaying my pipe characters, and my angle brackets
from CSS with #header li:before { }
In the footer the bread crumbs are an ol, and the other links are in the
address tag. I am pretty sure they stayed in line when I had the bread
crumbs in the header div and didn't use a list.
P.S. I know this won't work in IE6 and earlier. Plan to worry about an
IE stylesheet after I get standards based ones working. However if
anyone is running an IE7 beta and cares to check? Or is anyone is using
a PocketPC browser?
--
http://www.ericlindsay.com