Forums

URGENT: Content Height Control

Permalink
Hi there,

after all I have created my first C5 theme and my first CMS theme ever base on my skills :)

However, there is a small problem with height of content

CSS Code 
#page{
height:100%;
width:930px;
margin:-20px auto;
padding:10px;
background:#ffffff;
border:1px solid #c8c8c8;
border-top:2px solid #c8c8c8;
}


if i use 
height:auto
it does not not work.

long content are overlapping the footer (see screenshot) please help...

thanks.

1 Attachment

primewaydesign
 
tallacman replied on at Permalink Reply
tallacman
If you have a public url I can troubleshoot it. Or you might try float: right.

Steve
tallacman replied on at Permalink Reply
tallacman
or left...
primewaydesign replied on at Permalink Reply
primewaydesign
Hi Steve, thanks i will try it.
http://www.oafreelancer.com
tallacman replied on at Permalink Reply
tallacman
It looks like you're going to need another div to hold the main content centered while floating the #page. Right now you have #page set to 700px tall. That’s why your seeing that.

If you send me you theme I can fix it for you if you don't know how.

Just upload it here.

Steve
primewaydesign replied on at Permalink Reply
primewaydesign
Hi Steve,

I have tried to solve my probleme as you said with a wrap div, but it did not help.
In fact when I did so, the main content was place far left or right.

any suggestion?

thanks.
jbx replied on at Permalink Reply
jbx
Had a look at your link in ie7 and firefox and it looks fine - have you solved this?

Jon
primewaydesign replied on at Permalink Reply 1 Attachment
primewaydesign
no, still same issue with the height specialy inhttp://oafreelancer.com/index.php/logo-portfolio...

maybe you guys can have a look at the css, see attachment
tallacman replied on at Permalink Reply
tallacman
I think you'll need to wrap your #page element in a wrapper, center that with your auto margins, then float left your #page element.
Also remove: #page { height:700px;}

steve
tallacman replied on at Permalink Reply
tallacman
I think this might make it clear(er):

http://c5themepark.com/oafreelancer.mov...

Steve
primewaydesign replied on at Permalink Best Answer Reply
primewaydesign
Hi Steve, thanks for the hints you gave.

I forgetting only one thing
body{text-align:center;}

and then wrap floating left.

now everything is fine.

i love concrete5

oafreelancer.com