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

Reply via email to