Web Hosting Forum | Lunarpages
News: July 14, 2008 - New Contest! - Submit Your WordPress Theme Designs, Win BIG!
June 30, 2008 - Submit Your Site for the July 08 Site of the Month Award!
 
*
Welcome, Guest. Please login or register.
Did you miss your activation email?
July 25, 2008, 06:43:13 PM


Login with username, password and session length


Pages: [1]   Go Down
  Print  
Author Topic: Design problem with xhtml (?) or css (?)  (Read 501 times)
Gwion
Spaceship Captain
*****
Offline Offline

Posts: 119


« on: May 14, 2008, 02:40:49 AM »

I am changing the layout of my site from simple html to css/xhtml but I must admit I have not much clue about both. I use and adapt a css layout example for my purpose.

I recently noticed a strange problem with some sites and can't figure out what the reason could be not to mention how to fix it.
I hope I can explain it with the help of two example sites.

First is the site with <html xmlns..> included: 4x11.htm
Check it in IE and it looks normal (as I planned it to be).
The very same site without the xmlns: _4x11.htm
In IE the third div container (where it says Guide > Book of Shadows > Season 4
) with the main content seems to be moved to the right.

Well, if you look at them in Opera now or in FF you will find that the closing line/border is not closing completely (it is down at the bottom of the page, right where it says "to top of site"). There are gaps.

I don't think I missed an element like </p> or </div> but something is wrong in the code.

Is there something I missed which is needed to tell the browser how to display these containers or is there a problem with missing or overused tags etc.?
Logged
rpjs
Space Explorer
***
Offline Offline

Posts: 7


WWW
« Reply #1 on: May 14, 2008, 11:29:10 PM »

Hi Gwion,
For the gaps at the bottom of the page, if you add <br /> after the <p>each</p> tag, that will close the gaps. For the gap at the top you can add <br /> after <div id="cont">. This was tested with ff and ie and it seems to works. I also noticed that you have 2 <html> tags,
<html xmlns="http://www.w3.org/1999/xhtml">
<html>   <-----Not Needed

I Hope this helps you out a bit.

Cheers
Logged

Web Hosting - Web Hosting Directory
CSS Portal - CSS Tools, Generators, Code Examples
Web Templates - Premium Web Templates
Gwion
Spaceship Captain
*****
Offline Offline

Posts: 119


« Reply #2 on: May 16, 2008, 12:03:38 PM »

Yes, that works perfect. In IE, Opera and FF.
I was not aware that a <br /> is that important.

Thank you.
Logged
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.3 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks


Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM