CSS Issues

[josh2010]

Hello Everyone,

I am making a web site for a local fireworks show and I am having CSS issues. I have two columns setup via the CSS and one column is shorter than the other which causes the shorter one to show the background. Please view my code at the link, it is in a primitive state. I don't want to develop it anymore until this issues is resolved.

http://www.quavu.com/lakes/

Thank you!

[kermit]

not a cmsms issue, but there's a solution IN cmsms.

apply the clearfix auto-clearing solution to your contentwrapper. you should find the css in the "tools" stylesheet that comes with the sample content.

[josh2010]

No it's not a CMSMS issue but the people here are really intelligent and I knew that I would get an intelligent answer.

And I applied the clearfix and it did not work

[Dr.CSS]

Try switching the left and right div order in your template...

Right div before left div...

[kermit]

And I applied the clearfix and it did not work

it did here.. at least in firefox



and stick the clearfix css in your stylesheet (which it already is)

before:


after:



note the clearfix class goes on the container that has the floated elements.. not on the floated elements themselves; so take it off the rightcolumn div.

[josh2010]

The clearfix does not work in IE 7 and switching the right and left divs did not work either. Any CSS tweaks anyone can think of?

Thanks

[Ziggywigged]

use tables
... runs and hides.

just kiddin'

nothing useful to add.

[Dr.CSS]

Like kermit said, put the clearfix on contentwrapper to help IE6 then add the CSS below for IE7, no need to switch the divs...

The red part is for targeting IE7 only...

*:first-child+html #contentwrapper {
height: 1%
}

Tested...

[kermit]

oh, yea. i forgot about my ie7 hack for the clearfix hack... perhaps the default cmsms template stylesheet needs a little updating.