LiveWire Network Peer Answers Peer Support Teen Forums Tech Forums College Forums 514 users online 225219 members 1316 active today Advertise Here Sign In
TeenCollegeTechPhotos | Quizzes | LiveSecret | Memberlist | Dictionary | News | FAQ
Member Spotlight
JeeyahBear
Peeves: i hate when people are rude, ask me to...
Mood: Bored
You have 1 new message.
Emergency Help
Until you sign up you can't do much. Yes, it's free.

Sign Up Now
Membername:
Password:
Already have an account?
Invite Friends
Active Members
Groups
Contests
Moderators
4 online / 33 MPM
Christmas Eve
Fresh Topics
  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Adding Reply

Quoting Post
Archived Topic: It will not be bumped to the top of the forum.
Topic Oh, bugger CSS... help with positioning?
Membername   Not a member? Sign Up Free (takes 20 seconds)
Password   Forgotten your password?
Post

Font:   Size:   Color:

FAQ Keyword Search:
Post Options
Favorites Manager
Notify me of new replies to this topic by email
Notify me of new replies to this topic by private message
Original Post
cutie2 Posted at 9:57 pm on Dec. 3, 2006
http://supsocks.com/cat.html

Could anyone tell me how to set it so that there are two columns of items, one on the left and one on the right? It seems rather a waste of space to have it going straight down the page like it is.

One other issue is the fact that when clicking between Home and Catalogue there's a slight shift in position of the whole page. Any help?

Style sheet: http://supsocks.com/style.css

Thanks,

Ti

Replies
PiXiE Posted at 11:30 pm on Dec. 5, 2006
Yeah, I guess it could kinda be considered tabular data.
Macropiper Posted at 9:39 pm on Dec. 5, 2006
Its the sort of data that would be acceptable to display in a table, and using tables tends to avoid certain problems that various browsers get.
cutie2 Posted at 7:22 pm on Dec. 5, 2006
You're right, I'm going back to CSS.
PiXiE Posted at 8:24 am on Dec. 5, 2006
Tables? Why use tables when I gave you a perfectly good solution in css?
cutie2 Posted at 2:39 am on Dec. 5, 2006
I ended up giving in to tables, which is probably safer, but I still wanted to know how I'd do it with css. Thankyou!
PiXiE Posted at 10:57 pm on Dec. 3, 2006
Problem 1: You can add a div around the first 3 socks, and another div around the other 3. The style for those two divs would be the same:
Code:
<div style="width:350px;float:left;">

Then add a style to your footer to move it where it should be:
Code:
<div id="footer" style="clear:left;">

Of course you can put these styles into your style sheet instead. Oh, and add "clear:both;" to your .tables style because IE6 is stupid.

Problem 2: The shift is happening because one page has a scrollbar and the other doesn't. I wouldn't bother trying to change it because nothing is wrong with the position of the pages.

All 6 previous replies displayed.