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: Verdana Arial Black Georgia Comic Sans Impact   Size: Tiny Normal Big Huge   Color: Default Dark Red Red Orange Brown Green Olive Cyan Blue Dark Blue Indigo Black [ Check Spelling ] [ Post Preview ] [ LiveTags ] Quote: from [mod]cutie2[/mod] at 2:39 am on Dec. 5, 2006[quote]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![/quote] 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.