deltawiskey Posted September 14, 2011 Share Posted September 14, 2011 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 More sharing options...
dsonesuk Posted September 14, 2011 Share Posted September 14, 2011 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 More sharing options...
deltawiskey Posted September 15, 2011 Author Share Posted September 15, 2011 Ok, thanks, but.... How on earth did you know that? Can you (or anyone else) see inside my css file? I know how to see the page source, but the css? Duh? Link to comment Share on other sites More sharing options...
Ingolme Posted September 15, 2011 Share Posted September 15, 2011 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.