HELP! I'm going mad my CSS won't work

marklawson · #1 (**permalink**) 07-02-2007, 07:38 PM

Second time of typing as I just lost this thanks to forum logging me off and I need some sleep (it's 12.30AM UK time here). Been struggling with this for almost 8 hours on and off. I never can get CSS floating to work as I want, and I'm following the good works of Simon Collinson and Andy Budd applied to my own work.

My browser successfully shows their example from the book:-
http://www.csswebdevelopment.com/casestudy/

But my own variation won't play:-
http://www.marklawsondesign.co.uk/ra...template2.html

My css file for this is:-
http://www.marklawsondesign.co.uk/ra..._external1.css

I've run it through css validators and nothing major shows up.

I can't get the floats to behave, and the footer won't go right either.

The little image on the right with the yellow block is the div 'rightsidecol'. This should be on the right - which it is. It is 80 px wide.

The text column 'clientcontent' should be to the left of this - not crashing through it as it is at the moment.

Both 'rightsidecol' and 'clientcontent' should be at the same height, not with the rightsidecol higher above the other as it is at the moment. It seems whichever div I put first in the code is the one that is placed above the other. But they should float side by side....?!!!

Finally the footer is cleared for both floats but it sticks like glue to the bottom of 'rightsidecol' no matter what I do.

I've tried holding the two floats in another div. I've tried floating left, right, relative, absolute and so on just to experiment but the same symptoms keep on and on.

I must be missing something fundamental, even though I swear I am working to the book. Never got a float to work yet so what on earth is wrong.

Please save me from going completely insane!

yours eternally grateful
Mark

marklawson · #2 (**permalink**) 07-03-2007, 02:20 AM

Was a long shot. I had hoped someone would have been awake, or alert over in the states and been able to shed a ray of light.
I've got to move on with this project so the files linked will soon be gone.
I will work on different template and css files and leave the linked files up for a few days.
So take a look if you think you can help, but if the links don't work, that;s cos I've gone back to tables and dropped full css layout. Which is a real shame. Oh well.
Mark

Leprakawn · #3 (**permalink**) 07-03-2007, 09:57 AM

I looked at your code for a split second, and the first and foremost thing you need to include is the DOC TYPE. The example site you are copying from used this

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

And don't get upset that nobody responded within six hours. Those of us who help out here also like to live a little, which means we are not on the computer 24/7... unless Allen wants to start paying us.