icon Get the most out of Surmunity, read our tips here! Need an interesting blog to read? You've got to read the Surpass Blog! | Welcome! Please register to access all of our features.
Old September 14th, 2004, 9:23 PM   #1 (permalink)
Rai
Senior Member
Super #1
 
Rai's Avatar
 
Joined in Nov 2003
Lives in Canada
Hosted on Pass14
3,770 posts
Gave thanks: 4
Thanked 20 times
Annoying Little Problem...

Okay, I'm trying to make a layout for my new website. I'm trying a new thing with making a complete CSS layout... So no tables or whatever... And I'm trying to use pretty borders and such.

Since I'm just doing the peliminaries, I haven't uploaded anything, so I'm going to (try to) explain the problem.

Basically, I have a main box which all my page stuff will be in. In that I want to have a box for a side menu, and then a box for the main content. Now how do I position the second box so it will actually be beside the menu, instead of the line below it? Without using absolute positioning, that is?

Actually, since my explanation sucks...


Ignore the fact that the boxes are currently overlapping, I'm too lazy to set the widths the right size... And I guess I didn't mention the title part too? Meh..

So, any suggestions on how I can do this, or should I use a table? (I hate tables >_<)
__________________
Rai is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 14th, 2004, 9:33 PM   #2 (permalink)
Rai
Senior Member
Super #1
 
Rai's Avatar
 
Joined in Nov 2003
Lives in Canada
Hosted on Pass14
3,770 posts
Gave thanks: 4
Thanked 20 times
I've determined I can do a "top: -25px" to line it up.. but that's icky..
__________________
Rai is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 14th, 2004, 9:41 PM   #3 (permalink)
ma
Comfy Contributor
 
gonzo's Avatar
 
Joined in Aug 2004
Lives in da beach
254 posts
Gave thanks: 0
Thanked 0 times
sounds like what you are looking for is a simple two or three column layout like maybe this here http://cafe789.com/ckl1.htm you just float the side column to which ever side you like.
__________________
Who says a dog can't surf
gonzo is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 15th, 2004, 11:27 AM   #4 (permalink)
Rai
Senior Member
Super #1
 
Rai's Avatar
 
Joined in Nov 2003
Lives in Canada
Hosted on Pass14
3,770 posts
Gave thanks: 4
Thanked 20 times
Yes, I am looking for a simple two column layout, and I can't believe I didn't think that simply myself... but that link has absolutely no help... BUT I have done column layouts before, and I just remembered that in bed last night, so I'm going to go discover how I did those...

I'm such a dumb blonde sometimes...

EDIT: Okay, never mind, the way I did it before is the way I'm trying not to do it now.. (that is, absolute positioning)

*whistles and goes off to figure this out.. ignoring the massive reading assignment she needs to finish for her class in 3 hours*
__________________
Rai is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 15th, 2004, 12:27 PM   #5 (permalink)
minor deity
Super #1
 
Bigjohn's Avatar
 
Joined in Apr 2004
Lives in Georgia
Hosted on XEON
7,395 posts
Gave thanks: 28
Thanked 94 times
try float:left
__________________
Proud to be a Surmunity Mod!
XEON PASS60 PASS61
Make a fundamental difference!
My Sites:
Curious about Brewing Beer? Join the community!
>>>>> Some Change is GOOD! Keep your paycheck! Support the Fair Tax
Get into an Art museum
Victorian London
It's your brain -ON WEB - mybrainhost.com (under development)
What SHOULD Government do? Much Less than it Does!
Bigjohn is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 15th, 2004, 12:27 PM   #6 (permalink)
Web Hosting Super Ninj4
Super #1
 
miakeru's Avatar
 
Joined in Sep 2003
Lives in Fullerton, CA
1,581 posts
Gave thanks: 0
Thanked 2 times
Quote:
Originally Posted by Bigjohn
try float:left
Those simple 'float' lines have saved me on various occasions.
miakeru is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 15th, 2004, 12:31 PM   #7 (permalink)
Rai
Senior Member
Super #1
 
Rai's Avatar
 
Joined in Nov 2003
Lives in Canada
Hosted on Pass14
3,770 posts
Gave thanks: 4
Thanked 20 times
That appears to work... Thanks guys!

*wanders away muttering how she never has come across that line before...* (and how it also helps to type float right..)
__________________
Rai is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old September 15th, 2004, 1:26 PM   #8 (permalink)
ma
Comfy Contributor
 
gonzo's Avatar
 
Joined in Aug 2004
Lives in da beach
254 posts
Gave thanks: 0
Thanked 0 times
The link was not suppose to supply help as far as content other than an example of a two column layput
__________________
Who says a dog can't surf
gonzo is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On