Web Design Discussion - DESIGN WITH CSS

Print Page | Close Window

DESIGN WITH CSS

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=12763
Printed Date: 29 March 2026 at 2:54pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: DESIGN WITH CSS

Posted By: maniva
Subject: DESIGN WITH CSS
Date Posted: 30 November 2004 at 7:12am

Who is using CSS to design layout of website ?

I sow that in the forum application there are a lot of table to obtain the right design.
Could be interesting to have a CSS linked.

-------------
Ivano Mangiarotti

Replies:

Posted By: dpyers
Date Posted: 30 November 2004 at 7:57am

The posts themselves are tabular data so are best represented in tables.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: maniva
Date Posted: 30 November 2004 at 11:54am

Ok For the forum but the general layout like the Header the sidebar and the general structure of the content could be easity managed with CSS using DIV

Also the right menu and the top menu could be in CSS

-------------
Ivano Mangiarotti

Posted By: dj air
Date Posted: 02 December 2004 at 10:55am

a lot of the time some users don't allow CSS, thats why if you want to be 100% compatible with all browsers and visitors its best to try and not use CSS.

As it then gives the same look. i also found this using Firefox and IE.. they can give 2 different outputs.

Posted By: dpyers
Date Posted: 02 December 2004 at 1:24pm

Most currently used browsers support css. The ones that don't are several years old. Granted that you have to put in tweaks to cover browsers with a broken implementation of the CSS standard, but there's only a half dozen or so tweaks that you have to be aware of.

The convention among developers using CSS is to code to standards and then tweak for compatibility. IE seems to be the most broken browser and a lot of people code so it looks good in IE and then tweak for the other browsers. One day, MS will fix IE and bring it up to the standard and then their sites will be broken.

As far as the same look goes, even with tables for layout you run into browser discrepencies as different browsers display html elements different ways. - e.g. One browser pads a <p></p> tagset with 5 px of white space, another uses 10 px.

The web is not print media. The best you can do is to suggest a layout. It's up to the browser to determine how it actually displays it.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: dj air
Date Posted: 02 December 2004 at 2:27pm

this is the way i code.

try to not use CSS and use a skin file (change font etc from there). that way you don't have to be relient on CSS.

i agree a lot of browsers use it. but i also know a lot of people that have it disabled.

i admit i do use CSS. but only as a visual extra or if i really have to.

Posted By: dpyers
Date Posted: 02 December 2004 at 5:35pm

I know you can override it with your own style sheet but how do you disable CSS?

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Gullanian
Date Posted: 02 December 2004 at 6:34pm

HTML and CSS are constant, all a web browser does is interpret the code in it's own way, a sort of 2D renderer for code.

Posted By: dj air
Date Posted: 03 December 2004 at 5:55am

dpyers wrote:

I know you can override it with your own style sheet but how do you disable CSS?

sorry i ment override, using the style you can set in the options/prefrances, of the browsers.

Posted By: dpyers
Date Posted: 03 December 2004 at 9:42am

I use a style sheet override myself for some sites. It's particularly easy in FireFox but it overrides html not just css.

I have a large monitor and use a 1600x1200 screen res to manage a lot of windows. Too many sites use fixed 10pt/px fonts that look like little drops of flysh*t on the screen.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: maniva
Date Posted: 06 December 2004 at 9:23am

Please try to use this css. is very simple and efficient. It is a layout with header footer and three colums.

#container
{
width: 100%;
margin: 0 auto;
background-color: #ddd;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: 0;
background-color: #FFF;
}

#top P {
margin-tom: 0;
margin-bottom: .5em;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 120px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
background-color: #ddd;
}

#content
{
margin-left: 170px;
border-left: 1px solid gray;
margin-right: 160px;
border-right: 1px solid gray;
padding: 1em;
max-width: 36em;
background-color: #FFF;
height: 800px;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fff;
border-top: 1px solid gray;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

-------------
Ivano Mangiarotti

Posted By: kasl_33
Date Posted: 06 December 2004 at 2:51pm

Or you could just create an includes page with something like the following and then assign the links and div's classes to match the style and then just include the page in every page using SSI.

It is pretty similar to css and the specs may even work in css, but this makes an easy way for browsers to modify styles.

Tell me if I don't know what I am talking about here...


<style>
 <!--
A.nlink:link, A.nlink:visited, A.nlink:active {text-decoration: none; font-weight: normal; color: #800000}
A.nlink:hover {text-decoration: none; color: #CCCCCC}
-->
</style>

-------------
http://www.kasl.info - www.kasl.info

The PHP/MySql Web Development site