On this page:
http://www.dzr-web.com/search.php
with the "Bright" alternate stylesheet (there is a style switcher on the page
which will set a cookie or if you prefer just use Moz's built-in stylesheet
chooser) two boxes don't vertically line up although I think that they ought
to. (This is on 0.9.5 - I'm afraid I haven't been able to upgrade yet. Maybe
this doesn't occur in later builds.)
The relevant bits of the html are this:
<div id="sidebar" class="v4browsers">
<img src="logo.gif" width="257" height="210" alt="DZR" id="logo">
<div class="boxout">
[ snip ]
<div id="main-text">
<div id="google-search">
[ snip ]
and the relevant bits of the CSS are this (I've removed the irrelevant
properties):
#sidebar {
position : absolute;
top : 0;
left : 0;
}
div.boxout {
margin : 0 36px 36px 36px;
padding : 0;
border : thin solid #779ace;
}
#main-text {
position : absolute;
top : 210px;
left : 257px;
}
#main-text *:first-child {
padding-top : 0;
margin-top : 0;
}
Now when I try and work it out on graph paper it seems to me that the top
borders of <div class="boxout"> and <div id="google-search"> should be
exactaly the same vertical distance from the top of the view port, but they
aren't (address of screenshot below). So, am I getting my calculations wrong,
or is Moz rendering this incorrectly, and if the latter is this a known
problem?
The relevant stylesheets are here:
http://www.dzr-web.com/css/bright/dzr.css
http://www.dzr-web.com/css/bright/dzr-sidebar.css
There is a screenshot of how the page is rendered in Moz0.9.5/Linux here:
http://www.dzr-web.com/misc/screenshot.gif
TIA, Darren
--
======================================================================
D. D. Brierton [EMAIL PROTECTED] www.dzr-web.com
Trying is the first step before failure (Homer Simpson)
======================================================================
