| | |||||
| ||||||||
| Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics. |
![]() |
| | LinkBack | Thread Tools |
| | THREAD STARTER #1 (permalink) |
| NamePros Regular Join Date: Apr 2007 Location: England
Posts: 429
![]() ![]() | XHTML/CSS - Messed up >.< I am new to XHTML/CSS, I was coding this layout: http://img108.imageshack.us/my.php?i...ieserveym0.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/ |
| |
| | #3 (permalink) |
| Forum Moderator ![]() Join Date: Aug 2006 Location: USA
Posts: 2,036
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | 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 |
| |
| | #4 (permalink) |
| New Member Join Date: Dec 2006 Location: New Jersey
Posts: 12
![]() | 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.
__________________ --------- Professional Web Design and Hosting Services Website: http://www.sciondesigns.com E-mail: bransande@sciondesigns.com
Last edited by spyke100; 07-04-2008 at 03:03 AM.
Reason: Finished
|
| |