Log in

View Full Version : CSS Problem Please Help



Cheng
08-14-2007, 02:57 PM
Hi.

I'm using this XHTML template and changed it to my needs and then I found out that I can't add any main text content because the footer Div won't move down when adding text.
It does in Dreamweaver but in preview it stays where it is.

The Div that won't let me add more text is called <div.righttext>

Please someone have a quick look at the attached Zip File and give me hint how I can manage the text problem.

Thanks a lot,
Tommy

boogyman
08-14-2007, 03:51 PM
XHTML is not supported by IE and since IE is the most commonly used browser you shouldn't use the XHTML DOCTYPE until such time that IE does support XHTML, you should use the HTML 4.01 strict doctype


why are you floating the footer? I didnt look deep into the layout, but if you want the footer to be below everything then use


#footer {
clear:both;
-your styles-
}


that will make the footer appear underneath the floated content above

Cheng
08-14-2007, 07:55 PM
Hi boogyman.

Thanks for your reply.
1st of all I wasn't aware of that IE doesn't support XHTML but still it won't work with your CSS modifikation.
The text is still going through the footer.
I'm working for hours now but can't get it done.
If you got another idea please let me know.

Thanks again,
Tommy

boogyman
08-14-2007, 08:23 PM
you have explicitly set the height of the columns, thus when you resize the text, the formatting believes you have already allowed for the height necessary.

so delete the height property from the left / right column css styles
put the clear:both back into your footer, and get take out the float:left;


#leftcolumn {
float: left;
width: 205px;
}
#right column {
float: right;
width: 688px;
}
#footer {
clear: both;
}


on a side note, i really hope this isn't something that you are developing / paid money to get.... semantically, this code is very poor. while it does use a div layout format, the implimentation is poor and not very flexible... eg explictly setting the widths of the columns.

Cheng
08-14-2007, 08:56 PM
Hi boogyman.

Yes, this seems to work now and no I didn't pay for it.
It's a free template and I liked the layout that's why I went for it.
Would it be ok to take out the doctype and just start with html header or is this a bad thing for the browsers?
Anyway, thanks a lot for your quick help which is very much appreciated.

Thanks again,
Tommy