Layout/Design Advice for optional sidebar 1

[link9]

Hello all,

I'm working up a design, and I'm just abysmal at CSS/HTML layout, so I'm looking for some advice here on the best way to achieve a desired feature of this design.

A content management engine that I have gives the user the option of including a sidebar on a page, which is just a small little "floating table" so-to-speak that lives on the left side of the design. Sometimes it's there, and sometimes it's not.

Graphically:

Hopefully, it's pretty clear what I'm going after here. I want to not use a table cell over there because the text needs to wrap under it when it gets below the sidebar (as the picture shows).

It's exactly like how you align images and have text wrap around them, but this needs to be a container where I can put custom markup.

When the page doesn't contain a sidebar, I will set the overall style of the element to display:none to make it disappear.

Could someone help me out with some markup to make this basic design work? I assume that it would contain a div with some proper alignment styles applied, but I'm just not sure the best way to achieve this.

Much appreciated.

-Paul Prewett

The answer to getting answered -- faq855-2992

 

[Foamcow]

set up a special div style for the navigation and set the id of the navigation div to use it. Put it in the same div as the content and away you go.

div.navigation {float:left;)

That's all you need.

http://www.foamcow.com

 

[link9]

Cheers, Foamcow. Many thanks.



-paul

The answer to getting answered -- faq855-2992

 

[Foamcow]

np.
of course, you'll want some other style rules for the nav div too... to make it look nice

http://www.foamcow.com