[Pmwiki-users] CSS layout in pmwiki-0.6

Patrick R. Michaud pmichaud
Fri Jan 16 09:21:21 CST 2004


On Fri, Jan 16, 2004 at 08:42:03AM -0700, jasper at modwest.com wrote:
> Maybe it would be worth investigating if the entire layout can be done
> with <div> instead of tables? 

All I need to know is how to get <div> cells to align horizontally so that
they don't overlap.  From what I've seen at http://w3.org the way to do
this is to have multiple floating <div>s; i.e., one <div> floating to the
far left and another <div> floating left next to it, but that seems a bit
bizarre to me.  Somehow I don't like everything "floating".

Also, It's no problem for me to optimize the current layout structure to
eliminate the empty/unneeded table cells (or div cells); I just wanted to 
get something working and some have some working test layouts before I 
spent too much time trying to optimize things.  

> Some tips for the default stylesheets:
> 
> * Size the layout using ems: "width:10em". 

All of the layout sizes are given in ems or as percentage widths (100%),
except for the <body> element which is currently in absolute pixels.
But this is excellent advice.

> * To change the size of text, make it relative to the default font size,
> not absolute. If you want bigger text, use "font-size:larger" or
> "font-size:150%". Same reasoning as above.

Again a good idea.  What's your opinion on font-sizes such as "large", 
"x-large", "xx-large", etc.?

Pm



More information about the pmwiki-users mailing list