Russ Posted June 12, 2005 Posted June 12, 2005 Hi - I am looking into redoing my homepage, and have been reading up on some html, php and CSS. I have been trying to work thru some code and can't seem to figure out what I am missing. On the page linked below, I am able to offset the content portion of the page from the viewer on the sides and at the top, but my bottom wont offset. I have pasted the stylesheet below (in red). Can anyone point me in the right direction. Sorry if this is a basic issue that I am missing. Thanks in advance for any help. Link to web page Style Sheet: html { height:100%; margin:0; padding:0; } BODY { background-color : white; scrollbar-base-color:#0000CC; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color : #FF3300; height:98%; overflow:auto; } #topwrap { position: absolute; left:10px; right:10px; top:50px; bottom:50px; width:100%; background:#CCCCCC; border:1px solid red; } #leftcontent { float:left; left:0px; top:0px; width:50%; border:0px solid blue; } #rightcontent { position: absolute; right:0px; top:0px; width:50%; border:0px solid blue; text-align:left; } Quote
Russ Posted June 12, 2005 Author Posted June 12, 2005 Just looked at the page in Firefox, and the text on the left runs out of the gray area. In IE6 (the browser I a\had been using all weekend) the gray area runs to the bottom of the screen and the bottom red border is not seen. Strange. Quote
TCH-RobertM Posted June 12, 2005 Posted June 12, 2005 Also Russ the Link does not work becuase the css is not found. Quote
Russ Posted June 12, 2005 Author Posted June 12, 2005 That is odd. When I click the link it works? Quote
TCH-Don Posted June 12, 2005 Posted June 12, 2005 Look at your DIV's they do not matchup or you may have an extra </div> Try the page again by laying out the matching DIV's first like <div id="topwrap"> </div> <div id="leftcontent"> </div> then go back and fill in the content. Quote
Russ Posted June 12, 2005 Author Posted June 12, 2005 Robert - The link seems to work with Firefx noe, I think I fixed the CSS reference. Don - Thanks, I will try that. Russ Quote
Russ Posted June 20, 2005 Author Posted June 20, 2005 Found this tutorial that addressed my issue...thought I'd post it here, in case anyone was interested. Clearing Floats Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.