What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » CSS help!

Pages: (2): « First « 1 [ 2 ] Last »
CSS help!
Author: Message:
Sunshine
Elite Member
*****

Avatar

Posts: 5141
Reputation: 122
– / Female / Flag
Joined: Mar 2004
Status: Away
RE: CSS help!
quote:
Originally posted by Chris Boulton
quote:
Originally posted by Sunshine
Why don't you use tables instead of DIVs?

Tables are easy, you can set the width to a percentage of the totall width of the table....

Let's say you want 3 columns...then the widths would be 33%, 34% and 33%......4 columns is even easier...simple 25%

The reason people tend to move away from that is because of the fact that tables are designed to contain tabular data and fboth accessibility and usability issues (especially with screen readers) they're not liked for laying out a page. It come under semantics.

Like I said though, tables are the easiest way for you to do something like this and not have to worry about how it is going to appear in 10+ different browsers and browser versions.

You can also "set the width to a percentage of the total width" using a DIV approach however you still have to worry about getting floating and positioning correct in different browsers.
All very true but seeing as welshboy222 doesn't seem that skilled yet i think he might want to take the easy approach. All depends somewhat on if he wishes to make every page use 3 columns (in wich case DIVs would be the ultimate way to go) or just one or two...

I've tried the DIV thing myself once but gave up due to the fact that i couldn't get it to center (horizontaly) in whatever screen resolution used (that's where i got stuck..lol)....not like i need all pages in 3 columns anyway myself.

I.o.w. as you already said: working with DIV's like that is a pain if you want cross browser compatibility...certainly not beginner material.

This post was edited on 07-21-2006 at 01:23 PM by Sunshine.
[Image: 25dr3o9]
07-21-2006 01:19 PM
Profile E-Mail PM Web Find Quote Report
ShawnZ
Veteran Member
*****

Avatar

Posts: 3146
Reputation: 43
32 / Male / Flag
Joined: Jan 2003
RE: CSS help!
quote:
Originally posted by Sunshine
I've tried the DIV thing myself once but gave up due to the fact that i couldn't get it to center (horizontaly) in whatever screen resolution used (that's where i got stuck..lol)....not like i need all pages in 3 columns anyway myself.

<div style="position:absolute; left: 0px; top:0px; width:33%;"></div>
<div style="position:absolute; left: 33%; top:0px; width:34%;"></div>
<div style="position:absolute; left: 67%; top:0px; width:33%;"></div>

:p
Spoiler:
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
the game.
07-21-2006 02:14 PM
Profile PM Web Find Quote Report
RaceProUK
Elite Member
*****

Avatar

Posts: 6073
Reputation: 57
39 / Male / Flag
Joined: Oct 2003
RE: CSS help!
That code will help me too :D
[Image: spartaafk.png]
07-21-2006 02:49 PM
Profile PM Web Find Quote Report
Sunshine
Elite Member
*****

Avatar

Posts: 5141
Reputation: 122
– / Female / Flag
Joined: Mar 2004
Status: Away
RE: CSS help!
quote:
Originally posted by ShawnZ
quote:
Originally posted by Sunshine
I've tried the DIV thing myself once but gave up due to the fact that i couldn't get it to center (horizontaly) in whatever screen resolution used (that's where i got stuck..lol)....not like i need all pages in 3 columns anyway myself.

<div style="position:absolute; left: 0px; top:0px; width:33%;"></div>
<div style="position:absolute; left: 33%; top:0px; width:34%;"></div>
<div style="position:absolute; left: 67%; top:0px; width:33%;"></div>

:p
Thanks :D

I might have a fiddle about with that when i feel like experimenting again.



Edit:
quote:
Originally posted by hmaster
Sunshine, the best way for centering is to tweak it like this:
http://bluerobot.com/web/css/center1.html

This way to do 2 columns is good as it makes all the columns the same height regardless of each seperate height:
http://www.cssplay.co.uk/layouts/3cols2.html
Thanks, that indeed does look good. Very useful not just for me but for all who strugle with this...

:banana:

This post was edited on 07-21-2006 at 04:40 PM by Sunshine.
[Image: 25dr3o9]
07-21-2006 03:32 PM
Profile E-Mail PM Web Find Quote Report
hmaster
Senior Member
****

Avatar

Posts: 716
Reputation: 24
33 / Male / Flag
Joined: Nov 2004
RE: CSS help!
Sunshine, the best way for centering is to tweak it like this:
http://bluerobot.com/web/css/center1.html

This way to do 2 columns is good as it makes all the columns the same height regardless of each seperate height:
http://www.cssplay.co.uk/layouts/3cols2.html

This post was edited on 07-21-2006 at 03:45 PM by hmaster.
[Image: sig.png]
07-21-2006 03:41 PM
Profile PM Web Find Quote Report
Pages: (2): « First « 1 [ 2 ] Last »
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On