Jump to content

Recommended Posts

Posted

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;

}

Posted

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.

Posted

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.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...