Jump to content

W3C Xhtml And Css 'validated' Icons Introduce Blank Space?


deltawiskey

Recommended Posts

If I leave the 'validated' icons at the bottom of the page, I get a scroll bar across the bottom, and about half a page of blank space on the right.. If they are taken out, the blank area is not there (Click on Home or Results, where the icons are commented out). http://www.deltawiskey.com/BestBehaviour.html It doesn't matter, as I don't particularly want to leave them in, but I'm just curious.

Link to comment
Share on other sites

That because you are using position:relative; with left:700px; It takes the block element p tag whose width is the total width of screen, and moving it right, so 700px of this element has extended beyond the browser screen hence the scroll bars appear. Just use text-align: center; instead.

Link to comment
Share on other sites

In your HTML source code there's this line:

<link href="css/tbcgeneric3.css" rel="stylesheet" type="text/css" /><!-- External CSS file -->

If you type the URL that's there in the browser (within your domain) then you will find the CSS file, which is http://www.deltawiskey.com/css/tbcgeneric3.css Another method to see the CSS and its association with the elements on the page is to use a debug tool like Firebug.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...