1 reply [Last post]
xombii
Offline
newbie
Puyallup, WA
Last seen: 10 years 8 weeks ago
Puyallup, WA
Timezone: GMT-6
Joined: 2003-11-20
Posts: 9
Points: 0

Here's the main page: http://www.ultrashwag.net/

The column on the left aligns to the left and top of the containing <div>, the column on the right shows up at the bottom of the containing <div> however. I tried adding vertical-align: top; but that didn't help.

What am I missing?

Here's the CSS:

/* Main DIV Container */
#main {
font: 65% Arial, Helvetica;
text-transform: uppercase;
padding: 0px 10px 10px 10px;
width: 720px;
margin-top: 15px;
border: 1px solid #000000; }

/* Left Content DIV */
.content1 {
text-align: justify;
float: left;
padding: 10px;
margin-top: 10px;
width: 490px;
border: 1px solid #000000;
background-color: #f2f2f2; }

/* Right Content DIV */
.content2 {
text-align: justify;
float: right;
padding: 10px;
margin-top: 10px;
width: 175px;
border: 1px solid #000000;
background-color: #f2f2f2;
vertical-align: top; }

xombii
Offline
newbie
Puyallup, WA
Last seen: 10 years 8 weeks ago
Puyallup, WA
Timezone: GMT-6
Joined: 2003-11-20
Posts: 9
Points: 0

Nevermind...

I figured it out. Only took me two days to realize the second column placement is dependent on where I place the php include within the index.php page.

Thanks to anyone who may have been thinking about this for me!

X~