LiveWire Peer Support Network

Printable Version of Topic "Oh, bugger CSS... help with positioning?"

- LiveWire Teen Forums & College Forums (http://www.golivewire.com)
-- (http://www.golivewire.com/forums/support-technical.html)
--- Web Design & Search Engine Optimization (http://www.golivewire.com/forums/forum-200-s-0.html)
---- Oh, bugger CSS... help with positioning? (http://www.golivewire.com/forums/peer-bybyot-support-a.html)


-- Posted by cutie2 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


-- Posted by PiXiE 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:

Then add a style to your footer to move it where it should be:
Code:

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.


-- Posted by cutie2 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!


-- Posted by PiXiE at 8:24 am on Dec. 5, 2006

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


-- Posted by cutie2 at 7:22 pm on Dec. 5, 2006

You're right, I'm going back to CSS.


-- Posted by Macropiper 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.


-- Posted by PiXiE at 11:30 pm on Dec. 5, 2006

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


www.golivewire.com