| Author |
 Topic  |
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
 Posted - 26 October 2003 : 16:22:17
|
I'm working on a new design for rakkoon.com and want to see if I can make it table-less. The main things are there, but now I have a major problem that makes me want to use a table anyway 
Basically it's like this:
There's a DIV set to center everything on the page. The first DIV in there contains the logo, below that there's a DIV set to 726px with a 2px black border. Inside that is another DIV, this one with a 1px white border set to the complete width of the first DIV.
Now in that DIV I want to put two DIVs next to eachother, one 570px wide for the content (this one would be on the left), the other 136px wide for the menu (this one would be on the right).
Any pointers as to how I could do this would be great. |
|
|
Nikkol
Forum Moderator
USA
6907 Posts |
|
|
davemaxwell
Access 2000 Support Moderator
USA
3020 Posts |
Posted - 26 October 2003 : 17:13:08
|
| You can use absolute positioning, but if you're trying to use floats and if that's all you have in those divs, add a <br style="clear:both;" /> after the tags and it should be OK |
Dave Maxwell
Barbershop Harmony Freak |
 |
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
Posted - 26 October 2003 : 17:47:02
|
| I've given up on using only CSS. It just won't work for me and I'm getting tired (it's past midnight). I just put the whole design together using tables in less than 15 minutes while I spent three hours using DIVs and it still didn't work as I expected it to. |
|
|
|
D3mon
Senior Member
United Kingdom
1685 Posts |
Posted - 26 October 2003 : 17:53:59
|
| I found exactly the same. Nowadays I use a single table to layout the page (If I need a multi-column layout) and table to place things side-by-side. all the rest is CSS. Simple and effective. |
Snitz 'Speedball' : Site Integration Mod : Friendly Registration Mod
"In war, the victorious strategist only seeks battle after the victory has been won" |
|
|
|
dayve
Forum Moderator
USA
5820 Posts |
Posted - 26 October 2003 : 18:27:21
|
| I have considered table-less design in the past but it truly is not worth the time Nothing wrong with a mixture of tables and divs thuogh so don't rack your brain to hard. |
 |
|
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
Posted - 26 October 2003 : 18:31:50
|
I've got it all working the way I want, now I just have to decide on what colors to use for the menu. Once I have that, I can start thinking about whether I want to use Snitz codes again (latest version, fresh hack & slash work) or if I want to try use my own codes. I think I'll go with Snitz again though as that's easiest and safest... I hope to get the new site up in a week or two, but of course that mainly depends on how busy work keeps me.
Speaking of which, it's 1:15am, I'd better go get some sleep or I'll be a zombie all day tomorrow.
If anyone wants to see the new look for rakkoon.com (I'd appreciate some feedback), please email me and I'll send you the URL. I'd rather not give a public preview at this time. |
|
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
Posted - 27 October 2003 : 12:04:28
|
I found out why it wouldn't work: instead of IDs, I used classes. Positioning DIVs next to eachother seems to require the use of IDs. Now I'm pretty much done with the CSS-version except for the DIV containing the menu which won't stretch the entire height of the DIV that it's placed in.
Oh, I haven't had time to send any emails yet today. I'll email the URL to those who requested it after I've had something to eat  |
|
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
Posted - 28 October 2003 : 10:18:15
|
Here's the link to the new design using tables: <link removed> in the menu (on the right) the top-most item will take you to the same design using almost only CSS.
Difference in page size is quite a lot for a basic page; 8kb for the table design, 5.1kb for the CSS-based design. |
Edited by - Roland on 29 October 2003 15:54:18 |
|
|
|
Gremlin
General Help Moderator
New Zealand
7528 Posts |
Posted - 28 October 2003 : 23:49:43
|
| Nice clean elegant layout there Roland :) |
Kiwihosting.Net - The Forum Hosting Specialists
|
|
|
|
redbrad0
Advanced Member
USA
3725 Posts |
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
Posted - 29 October 2003 : 06:25:53
|
Thanks guys. I'm not sure when I'll start using this design after I've been told the current look is "awesome" (a 16-year old told me that)  I'll need to make the new look a bit more ... lively or at least make some changes before I feel it can take the place of the current look. |
|
|
|
Alfred
Senior Member
USA
1527 Posts |
Posted - 29 October 2003 : 23:33:05
|
| I have a naive question: "why the distaste for tables?" |
Alfred
The Battle Group
CREDO
|
|
|
|
Roland
Advanced Member
Netherlands
9335 Posts |
Posted - 30 October 2003 : 03:40:41
|
| There's no distate for tables, it's just that W3C wants people to use CSS-based layouts instead of nesting tables, so I wanted to give it a shot. It seems that W3C is like most big organisations/companies: they'll decide what the user wants instead of listening to the users. New standards are great as long as they don't make things more complicated than necessary. Just look at the replacement of <b>, <i> and <u> tags with either CSS or new tags (<strong> and <em>). Did it have any function? No, but it made it look like W3C does something. |
|
|
|
davemaxwell
Access 2000 Support Moderator
USA
3020 Posts |
Posted - 30 October 2003 : 06:07:04
|
Tables are also much less friendly to the non-visual browsers(ie screen readers for the blind). Accessibility standards are on the rise and people are asking for more and more effort being put into being seen by non-standard browsers.
Plus, using css instead of table reduces your overall page size and allows you to separate content from design a little more. |
Dave Maxwell
Barbershop Harmony Freak |
|
|
|
Alfred
Senior Member
USA
1527 Posts |
|
| |
Topic |
|
Topic Locked
