Thank you for being a valued part of the CNET community. As of December 1, 2020, the forums are in read-only format. In early 2021, CNET Forums will no longer be available. We are grateful for the participation and advice you have provided to one another over the years.

Thanks,

CNET Support

General discussion

simple css, or is it? haha

Jun 27, 2007 12:43PM PDT

does somebody know what's wrong with this code?

<div id="copyright">
<div id="50left"><p>© Copyright 2007 Santa Rosa Junior College. All rights reserved.</p></div>
<div id="50right"><p>Last time updated.
<!-- #BeginDate format:fcAm1a -->Wednesday, June 27, 2007 7:05 PM<!-- #EndDate --></div>
</p>
</div>

#copyright {
width: 100%;
height: 30px;
margin-top: 20px;
}
#copyright p {
display: inline;
}
#50left {
text-align: left;
float: left;
width: 45%;
height: 30px;
}
#50right {
text-align: right;
float: right;
width: 45%;
height: 30px;
}


here's the link to it
www.studios29.com/mcl
it's a the bottom of the page///what i want to do it to have both p tags side by side, on the left and the other on the right, at the same level

thanks.

Discussion is locked

- Collapse -
Wrong Tag Order
Jun 28, 2007 8:56PM PDT

Here:
<div id="50right"><p>Last time updated.
<!-- #BeginDate format:fcAm1a -->Wednesday, June 27, 2007 7:05 PM<!-- #EndDate --></div>
</p>

You need to move the last </p> before your closing div tag - like so:

<div id="50right"><p>Last time updated.
<!-- #BeginDate format:fcAm1a -->Wednesday, June 27, 2007 7:05 PM<!-- #EndDate -->
</p>
</div>

- Collapse -
sorry...
Jun 29, 2007 6:39AM PDT

I noticed that...and I already fixed it, but I still have the exact same problem.

- Collapse -
here...
Jun 30, 2007 5:32AM PDT

is just driving me crazy I dont know why it wont work....
Here is a link....<a href="http://www.studios29.com/mcl">www.studios29.com/mcl</a> At the very bottom of the page are the copyright statement and the message of last time updated...and I just want them to show up one next to the other at the same level....
the copyright statement floating left and with text align left,
and the last time updated statement floating right and text aligned to the right too. Pretty easy?
Now it wont even show up if I change the background color of one of the divs containing those. (it does in dreamweaver but not in ff or ie)

Please...help!

Thanks.

Here is the code...

<div id="copyright">
<div id="50left"><p>© Copyright 2007 Santa Rosa Junior College. All rights reserved.</p></div>
<div id="50right"><p>Last time updated.<!-- #BeginDate format:fcAm1a -->Saturday, June 30, 2007 12:28 PM<!-- #EndDate --></p></div>
</div>

------------------------------------------

#copyright {
width: 765px;
margin-right: auto;
margin-left: auto;
font-size: 0.7em;
margin-top: 25px;
}
#50left {
width: 380px;
float: left;
}
#50right {
width: 320px;
float: right;
}

- Collapse -
NEVERMIND
Jun 30, 2007 5:48AM PDT

I got it!.....agrrr I feel like kicking my self in the nuts!

I didnt know but I should have tried it, the problem was that is not a good idea to start the name of the id of the div with a number!