LiveWire Network Peer Answers Peer Support Teen Forums Tech Forums College Forums 615 users online 184540 members 736 active today Advertise Here Sign In
TeenCollegeTechPhotos | Quizzes | LiveSecret | Video | Dictionary | News | FAQ
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
1 online / 122 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
Single page for this topic Email Print Favorite
( cutie2 )


I like chawklit milk

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

-------
SupSocks on Etsy
I think I left my life lying around here somewhere


9:57 pm on Dec. 3, 2006 | Joined Nov. 2003 | 1047 Days Active
Join to learn more about cutie2 Australia | 14069 Posts | 33536 Points
PiXiE


24.24.1.1358

Patron
Support Leader
Tech Support Leader
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 | 1639 Days Active
Join to learn more about PiXiE Alberta, Canada | Straight Female | 4826 Posts | 34396 Points
( cutie2 )


I like chawklit milk

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!

-------
SupSocks on Etsy
I think I left my life lying around here somewhere

2:39 am on Dec. 5, 2006 | Joined Nov. 2003 | 1047 Days Active
Join to learn more about cutie2 Australia | 14069 Posts | 33536 Points
PiXiE


24.24.1.1358

Patron
Support Leader
Tech Support Leader
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 | 1639 Days Active
Join to learn more about PiXiE Alberta, Canada | Straight Female | 4826 Posts | 34396 Points
( cutie2 )


I like chawklit milk

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

-------
SupSocks on Etsy
I think I left my life lying around here somewhere

7:22 pm on Dec. 5, 2006 | Joined Nov. 2003 | 1047 Days Active
Join to learn more about cutie2 Australia | 14069 Posts | 33536 Points
Tangaroa


INSTAAAAAAGIB!

Patron
Support Leader
Tech Support Leader
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 | 2056 Days Active
Join to learn more about Tangaroa New Zealand | Straight Male | 8546 Posts | 37994 Points
PiXiE


24.24.1.1358

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

11:30 pm on Dec. 5, 2006 | Joined July 2002 | 1639 Days Active
Join to learn more about PiXiE Alberta, Canada | Straight Female | 4826 Posts | 34396 Points
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