3861RE: Almost Finished - Re: [NH] Multiple Browser CSS
- May 23, 2003
>I don't see how the "floating naval" technique can work, unless used with ato
>fixed length page. After all "float" is designed to force other material
>wrap around the object. You've got to have something in that object or theYou are wrong Greg, ;)
> While I approve of the Shawn Morton's desire to use a style sheet
> to get rid
> of unnecessary HTML bloat, I still see the <TABLE> tags as the easiest way
> to produce a naval that will always reach to the bottom of the page.
> Tell me I'm wrong, someone!
>other object will fill its space. In other words, you need to introduceof
>something which will guarantee that the naval equals the length of the
>object that is attempting to wrap round it. Using a fixed length is one
>approach. Given the desirability of making text in the main part of the
>window resizable and to allow for different sizes of window I can't think
>an alternative - beyond using a completely different technique.Below a simple typical css layout which shows how this can be done.
Instead of floating the nav , fix it to the left,set it's width and then
make the main contents left margin as big as the navs width.
In a way the nav is like a annotation to the main text, so it a pleasing
idea semantically, to place it in the main contents margin.... you know like
annotated bibles and the like.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
border: thin solid black;
border: thin solid blue;
border: thin solid red;
When dividing a page up into sections like header,nav,maincontent, footer I
tend to use divs with IDs because these will be unique on each page. A class
selector ought to pertain to 'more than 1 selected element(s)'i.e. a 'class'
as the name implies .
Because I'm positioning relative to a screen I deal with px. If relative to
text I would use em.
- << Previous post in topic Next post in topic >>