No replies
freeosin
freeosin's picture
Offline
newbie
Last seen: 12 years 2 weeks ago
Timezone: GMT-4
Joined: 2010-09-10
Posts: 1
Points: 2

Haha, I had no idea you knew. Ok... so here is what I am having trouble.

I am trying to make something that is a posting system. So instead of using tables I want to wrap new "posts" in sets of divs and have them move down the page as they are created. They will have a voting system on the left, the message on the right, nothing below the voting on the left, and then comments div below the message div on the right. They are wrapped in a larger div to position them at a max 800px width (for smaller resolution monitors). They position fine when I position them absolute, I just need them to continue down the page as they are wrapped and I know absolute position will really mess that up. I attached a picture and code.

Here is my current HTML code:

Vote#
[Message Category] "[Title of message]" [Username] (expires in [expiration time])

Here is my related CSS code:

#h-ter
{
width: 800px;
height: 1750px;
position:absolute;
top:200px;
margin-left:10%;
margin-right:10%;
border-style:solid;
border-color:#CCCCCC;
border-width:0px;
}

#stream
{
font-family: Verdana;
color: #000000;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.2em;
font-size: .75em;
position:absolute;
top:18px;
left:60px;
max-height:100px;
border:thin;
margin:0 auto;
text-align:center;
}

#stream-vote
{
font-family: Verdana;
color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.2em;
font-size: .75em;
height:45px;
width:45px;
background-image:url('redcircle.jpg');
margin:5px;
}

#stream-vote-text
{
font-family: Verdana;
color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.2em;
font-size: .75em;
padding-top:15px;
}

My example is attached.

AttachmentSize
votemelissa.jpg47.37 KB