Page 1 of 1
Need a simple </div> or clearfix answer [SOLVED]
Posted: Mon Jul 20, 2009 3:53 pm
by 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
Re: Need a simple </div> or clearfix answer
Posted: Mon Jul 20, 2009 8:31 pm
by Dr.CSS
Try not using tables for non tabular data...
Re: Need a simple </div> or clearfix answer
Posted: Mon Jul 20, 2009 8:51 pm
by stanb17
Hmmmm...
I don't believe I saw a table in the template. Just DIV's.
I'll look again.
Thanks
SB
Re: Need a simple </div> or clearfix answer
Posted: Mon Jul 20, 2009 9:53 pm
by Dr.CSS
“Seeing Tom’s kill
Re: Need a simple </div> or clearfix answer
Posted: Tue Jul 21, 2009 1:33 pm
by 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
Re: Need a simple </div> or clearfix answer
Posted: Tue Jul 21, 2009 6:39 pm
by 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...
Re: Need a simple </div> or clearfix answer
Posted: Tue Jul 21, 2009 7:07 pm
by 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
Re: Need a simple </div> or clearfix answer
Posted: Tue Jul 21, 2009 7:54 pm
by 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...
Re: Need a simple </div> or clearfix answer
Posted: Tue Jul 21, 2009 8:06 pm
by 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.
Re: Need a simple </div> or clearfix answer
Posted: Tue Jul 21, 2009 8:13 pm
by 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 ...
Re: Need a simple </div> or clearfix answer [SOLVED]
Posted: Tue Jul 21, 2009 8:37 pm
by 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