Re: [DUG-Offtopic] Calling all CSS experts

Phil Middlemiss Thu, 24 Aug 2006 14:51:04 -0700

There is much debate about this. Many for and against it. Do a google search for "css versus tables" and you will see strong words from both sides of the debate. Here's one to get you started:
http://www.sitepoint.com/article/tables-vs-css

Personally I use css wherever practicle for the following reasons:

Less to download for the user. With minor appearance changes just the css file changes and every page is suddenly updated.
Cleaner HTML file - much easier to find stuff when you're editing a page since it's just structure and content.
Greater appearance flexibility. There are effects that you can only achieve using css.
Reuse of styles - I don't need to repeat the same markup for identical elements, just use the same class
Faster to finish - less to type; easier to change; easier to understand

It takes a while to get used to how to do some things (and cross browser problems can be a pain), but once you've done a few sites you probably won't go back. I still use tables where appropriate, but all the appearance settings for the table will still be handled in the css file.

Cheers,
Phil.

Colin Fraser wrote:

I have not done much Web stuff… but is using css positioning for this considered much better than tables?

Why not just use a table, would seem so simple?

Regards (no web expert)

Colin

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of Phil Middlemiss
Sent: Wednesday, 23 August 2006 1:11 p.m.
To: NZ Borland Developers Group - Offtopic List
Subject: Re: [DUG-Offtopic] Calling all CSS experts

Use float left etc - here is code that works in firefox and ie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#TitleBar{
    display:block;
}
.aTitle{
    width:20%;
    float:left;
    text-align:center;
    border-bottom:thin solid #000;
}
#th60{
    width:60%;
    border-bottom:thick solid #000;
}
</style>
</head>

<body">
<div id="TitleBar">
    <div class="aTitle"><h2>Heading 1</h2></div>
    <div class="aTitle" id="th60"><h2>Heading 2</h2></div>
    <div class="aTitle"><h2>Heading 2</h2></div>
</div>
</body>
</html>

Neven MacEwan wrote:

Todd

I dont know, what I want is three 'title' blocks across the page 20%/60%/20%, I assumed inline would do this (does in ie)

Todd Martin wrote:

Hi Neven

Are you sure you don't want
position:relative;
rather than
display:inline;

Todd

On Wed, 23 Aug 2006 10:22, Neven MacEwan wrote:

Hi

I have a web site, I'm in the porcess of 'de-framing', 'de-tabling' and
'ajaxing' (hidden frames were used to do hidden submits) but am puzzled
by firefox v explorer behaviour

ie I am using divs to align things and have a series of divs across the
top of a page

<DIV id="PageHeadingLeft" class="PageHeadingLeft"><H2> Acc No:
2882<BR>KUMEU ALUM - Merv Test Account</H2></DIV>

the css for this is

DIV.PageHeadingLeft {
   vertical-align: middle;
   text-align: left;
   font-family: arial;
   display: inline;
   width: 20%;
   border: 0px solid black;
}

now the problem in firefox the following div breaks (ie it ignores the
display: inline!) but ie respects it!

What should I do? (other than abandon divs and go back to tables!)

_______________________________________________
Offtopic mailing list
[email protected]
http://ns3.123.co.nz/mailman/listinfo/offtopic
_______________________________________________
Offtopic mailing list
[email protected]
http://ns3.123.co.nz/mailman/listinfo/offtopic
  
 
 
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.5/425 - Release Date: 8/22/2006
  
Attention:

The information in this email and in any attachments is confidential. If you are not the intended recipient then please do not distribute, copy or use this information. Please notify us immediately by reutrn email and then delete the message from your computer. Any views or opinions presented are solely those of the author.
_______________________________________________
Offtopic mailing list
[email protected]
http://ns3.123.co.nz/mailman/listinfo/offtopic
  
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.5/426 - Release Date: 8/23/2006
  

begin:vcard
fn:Phil Middlemiss
n:Middlemiss;Phil
org:Vision Software, MTS Ltd
email;internet:[EMAIL PROTECTED]
title:Project Leader
tel;work:+64 7 3480001
tel;cell:+64 27 4592648
x-mozilla-html:TRUE
url:http://www.tumonz.co.nz
version:2.1
end:vcard

_______________________________________________
Offtopic mailing list
[email protected]
http://ns3.123.co.nz/mailman/listinfo/offtopic

Re: [DUG-Offtopic] Calling all CSS experts

Reply via email to