Whats your Favourite Layout type?

[Beev]

Whats your Favourite Layout type?

I personally, love using CSS positioning and using <DIV> Tags to define the segments of my pages.

It allows me to make a really cool site layout with minimal work.

What do ou guys/girls like to do to creae layout?

Yours,
Beev

[Zero Angel]

Tables for site layouts. Frames are evil! For simple alignment, CSS is the best :).

DCElliot would disagree with me, but I'm going to try using a CSS layout on my next big project.

[DCElliott]

Originally posted by Zero Angel
Tables for site layouts. Frames are evil! For simple alignment, CSS is the best :).

DCElliot would disagree with me, but I'm going to try using a CSS layout on my next big project. Quick. fetch a doctor, check his temperature, he's babbling, delirious . . . At the very least, he needs a drink. :cheers:

Building a CSS template for layout is a lot like using tables in HTML 2.0 - browser interpretation of CSS2 is buggy and downright exasperating. Fortunately, we have some professionals who have made templates that hack most of the problems. I would suggest using them as a starting point.

I am quite happy to share my stylesheet (contrary to the efforts of some others to hide theirs - what are they, embarrassed or something?) and any tricks. The first places ya gotta look, though, are:

http://bluerobot.com/web/layouts/default.asp
http://www.saila.com/usage/layouts/ - the ie5 layout is the most robust (but more complex) and contains the hack necessary to work in older browsers (IE 5)
http://www.glish.com/css/

Take the Table Challenge: http://www.benmeadowcroft.com/webdev/question/example.html

Good luck Zero!

[Beev]

I have just completed a menu for my HTML Training site. I have used CSS Positioning to control my layout.

Feel free to check it out at freewebs.com/beevshtml/index.htm

Yours,
Beev

[DCElliott]

Beev

Nice use of CSS. Your mouseover menu effects are well done.

In menus and such you usually have to fix your text size to prevent mangling your layout when the user changes text size. I don't think one should fix the text size for content, however, since you may seriously handicap a user with visual difficulties or a lower dpi monitor setting, etc. I often break styles into several parts in my css:body {background:#FFF; background: url(./images/background.gif) no-repeat fixed 50% 50%;}/*background color and image*/
body {margin: 0 ; border:0; padding: 0;}/*layout*/
body {font: normal normal 1em/1.1em verdana, helvetica, arial, san-serif; color:black;}/*text font and color*/The advantage of this is that, for each element, you can futher separate the structural (placement and sizing) from the appearance (color and fontography) or special features (mouseovers and dynamic effects) This way of doing stylsheets is not immediately intuitive, but it makes later editing easier. In fact, some folks put these different styling "tasks" in separate stylesheets.

I digress. I think you should let the user set the content size. In your sheet, this would mean setting the body font-size with ems which can vary, rather than points which cannot. (Note: one does not use double quotes in stylesheets. You can use single quotes to bind a name with a space in it eg. {font-face: arial, 'ms sans serif';})