CJ Larson wrote:

[Style 1] (Logo on left, text right aligned)
------------------------------------------------------------
+------------------+                               login/out
|       LOGO       |                                    name
+------------------+

Images are inline and will force the height for the div. The alternate is to set a minimum height but this is not supported by all browsers. Some method of clearing the containing div is required if you are containing floated elements.
This is still significantly less code than you would use with tables.


[Style 2] (Logo centered between page margins, text right aligned,
without the right text moving the image to the left)
------------------------------------------------------------
                    +------------------+           login/out
                    |       LOGO       |                name
                    +------------------+


In the above case the items on the right may need to be taken out of the flow and positioned absolutely.I would contain both elements in a single div. The logo can then be given left and right margins as auto and will center. If the page is not intended to be fluid then playing with margins will archive the desired effect without resulting to absolute positioning which IMHO is not the greatest.

I am sure some of the masters of CSS on this list have more elegant solutions.

Rob
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to