Need a simple </div> or clearfix answer [SOLVED]

[stanb17]

After a while the brain turns to mush.

http://tttomtalks.net/

What I'd like is for the Blue divider to revert to full width. The sidebar DIV is pushing everything left even after its content ends.

Thanks in advance.

SB

[Dr.CSS]

Try not using tables for non tabular data...

[stanb17]

Hmmmm...

I don't believe I saw a table in the template. Just DIV's.

I'll look again.

Thanks

SB

[Dr.CSS]

“Seeing Tom’s kill

[stanb17]

Mark,

Thanks for the other fix. For this one, I backed out the table code. I tried putting in a simple but it got hosed by the CSS. I suppose I could use an image or create a CSS entry.

The issue of the paragraph still getting pushed left is still present. I need to have it clear across like the footer. If yo move the footer tag up, it will probably get reformatted.

Hmmm. Does anything jump out as obvious to you.

Thanks

Stan

[Dr.CSS]

If I understand you correctly you want everything in the main content to wrap around the right side when it goes below it...

Switch the order of them, put the sidebar above the main content block/div and take the width off the main content div...

[stanb17]

Well... I moved around a bunch of things to try and isolate what is controlling what. It appears to be in the CSS. I created a FULL css that spans the width. The original css pushes everything left. For some reason I can not add the sidebar div without causing everything to push left. I tried adding the sidebar div to the template using the FULL css and if just rendered before without any correct formatting.

This just does not strike me as something that would be such a PITA to fix.. yet it is.

Baffled.


SB

[Dr.CSS]

You may have moved stuff but did you move anything in the template?...



is in the template before...



These are what I was talking about, if you put the sidebar above the main then take out the width for main it should flow around the side bar, it's set at 550px now...

[stanb17]

Mark,

I commented out the

and moved the sidebar dive like this








{cms_module module="Calendar" display="upcominglist" limit="5"}




{title}
{content}


 





Not the result I was hoping for.

[Dr.CSS]

is actually an html comment not css note other comments are /*  */ try taking out the float left for main, and you will need some right margin on the side bar to keep the text from hitting it, another good thing to help you with CSS Firefox is the Web Dev. toolbar, it's what I use to check sites to fix CSS...

A great place to learn these things  http://www.w3schools.com/default.asp ...

[stanb17]

Mark,

That was the trick. Thanks for your patience and the tips.

For anyone following this thread...

/* Sidebar */
#sidebar {
float: right;
width: 220px;
padding: 25px 0px 0px 10px; margin: 0;
        background-color: #f4f6ce;

Just in time to rescue the kids from the floods.

SB