XHTML/CSS - Messed up

[Tomi-gwc]

I am new to XHTML/CSS, I was coding this layout:

http://img108.imageshack.us/my.php?image=ubieserveym0.jpg

It was going well but I managed to mess up the bottom content and the plans section. Does anyone have any ideas?

http://jrcdesigns.co.uk/ubieserve/

 

[Tomi-gwc]

Anyone?

 

[enlytend]

1) You DO realize your document is HTML4.01 transitional, not XHTML, don't you?
2) Validate your html. Validate your CSS
3) Check the total column widths you've defined for the plans - they don't fit in their container and that's what's pushing each one farther down the page.
4) You need a clearer before that green bar. Any time you float an element it takes it out of the flow of the document and you need to clear in order to place successive blocks after it

 

[spyke100]

The solution

I have included a new html file with all the changes. It should work well.


Problems:
Some tags were not closed, thats why the bottom bar was misplaced.
CSS definitions were misspelled.
The image tag was also distorting your template..

Solution:
Changed some "Float" tags in the CSS to "Clear".
All the problems above are fixed.

 

[Tomi-gwc]

Oh wow! Thank you so much! :D :loveyou: