Anne E. Shroeder wrote:

> <http://www.language-works.com/InspectionsByBob/template.htm>

> In the header, I'd like to absolutely position the "inspections by
> bob" title in the center, with the two other elements at left and
> right, respectively.

May I suggest a simpler method - as a starting-point...

<http://www.gunlaug.no/tos/alien/aes-3/test_07_1216.html>
<http://www.gunlaug.no/tos/alien/aes-3/test_07_1216_files/main0000.css>

...since you need neither the paragraph nor the many divs to get the
basic line-up you're asking for. You can of course absolute position the
middle image at the center - or float it in place up there, but then
you'll get ugly overlappings on narrow windows unless you declare a
min-width on the page.

I've only rearranged and restyled the header. The rest of the page needs
restyling too, since the mix of 'em' and '%' on dimensions and margins
don't add up at all on narrower windows, and it gets even worse if
font-resizing is added to the equation.

> question 2!  Why, if I define my body margins 0 and the page width to
> 100%, do I have a horizontal scrollbar!?!

#header {
width : 100%;
padding : 2px 10px 0 10px;
}

...gives you a header that is 100% + 20px wide, as paddings are added to
width. So, the header is 20px wider than the browser-window at all times
- fixed in my example by removing the paddings and adjusting the
element-margins.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to