LiveWire Network Peer Answers Peer Support Teen Forums Tech Forums College Forums 682 users online 225073 members 886 active today Advertise Here Sign In
TeenCollegeTechPhotos | Quizzes | LiveSecret | Memberlist | Dictionary | News | FAQ
Member Spotlight
Miss MarieTM
Music: There's not enough room for all the ban...
Mood: Relaxed
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
6 online / 24 MPM
Fresh Topics
  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Viewing Topic

Oh, bugger CSS... help with positioning?
I'm handcoding
Replies: 6Last Post Dec. 5, 2006 11:30pm by PiXiE
Welcome to LiveWire!
We're Stronger Together.
Join the Community
Single page for this topic Email Print Favorite
( cutie2 )


SuperMODel

Patron
Support Leader
Reply
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

Post edited at 10:33 pm on Dec. 3, 2006 by cutie2


9:57 pm on Dec. 3, 2006 | Joined: Nov. 2003 | Days Active: 1,255
Join to learn more about cutie2 Australia | Posts: 15,929 | Points: 42,067
LiveWire Humor
PiXiE


24.24.1.1358

Patron
Reply
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.


10:57 pm on Dec. 3, 2006 | Joined: July 2002 | Days Active: 1,663
Join to learn more about PiXiE Alberta, Canada | Straight Female | Posts: 4,837 | Points: 34,868
( cutie2 )


SuperMODel

Patron
Support Leader
Reply
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!

2:39 am on Dec. 5, 2006 | Joined: Nov. 2003 | Days Active: 1,255
Join to learn more about cutie2 Australia | Posts: 15,929 | Points: 42,067
PiXiE


24.24.1.1358

Patron
Reply
Tables? Why use tables when I gave you a perfectly good solution in css?

8:24 am on Dec. 5, 2006 | Joined: July 2002 | Days Active: 1,663
Join to learn more about PiXiE Alberta, Canada | Straight Female | Posts: 4,837 | Points: 34,868
( cutie2 )


SuperMODel

Patron
Support Leader
Reply
You're right, I'm going back to CSS.

7:22 pm on Dec. 5, 2006 | Joined: Nov. 2003 | Days Active: 1,255
Join to learn more about cutie2 Australia | Posts: 15,929 | Points: 42,067
Macropiper

Like a Ninja!

Patron
Reply
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.

9:39 pm on Dec. 5, 2006 | Joined: Oct. 2002 | Days Active: 2,397
Join to learn more about Macropiper New Zealand | Straight Male | Posts: 8,998 | Points: 36,900
PiXiE


24.24.1.1358

Patron
Reply
Yeah, I guess it could kinda be considered tabular data.

11:30 pm on Dec. 5, 2006 | Joined: July 2002 | Days Active: 1,663
Join to learn more about PiXiE Alberta, Canada | Straight Female | Posts: 4,837 | Points: 34,868
Single page for this topic Email Print Favorite

Quick Reply

You are signed in as our guest.

Looking for something else?
 

  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Viewing Topic