[cfaussie] RE: CSS and aligning

[Christopher Dawes]

This one works in IE/Moz/Opera... last one died in Firebird... :-(

<STYLE TYPE="text/css">
        #Div1 {
                width: 20%;
                border: 1px dotted steelblue;
                left: 0%;
        }

        #Div2 {
                width: 50%;
                border: 3px double green;
                left: 22%;
        }

        #Div3 {
                width: 20%;
                border: 1px groove red;
                left: 74%;
        }

        .boxStyle {
                position: absolute;
                top: 10px;
                display: inline;
                margin: 10px;
        }
</STYLE>

<DIV CLASS="boxStyle" ID="Div1">ss<BR><BR></DIV>
<DIV CLASS="boxStyle" ID="Div2"><BR><BR></DIV>
<DIV CLASS="boxStyle" ID="Div3"><BR><BR></DIV>

-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christopher
Dawes
Sent: Thursday, 6 November 2003 4:53 PM
To: CFAussie Mailing List
Subject: [cfaussie] RE: CSS and aligning

Here's one of the 1000 ways to do it in css...

<STYLE TYPE="text/css">
        
        #Div1 {
                width: 20%; 
                border: 1px dotted steelblue; 
                }
                
        #Div2 {
                width: 50%; 
                border: 3px double green; 
                }
                
        #Div3 {
                width: 20%; 
                border: 1px groove red; 
                }
                
        .boxStyle {
                position: relative;
                display: inline;
                margin: 5px;
                }
                
</STYLE>

<DIV ID="Div1" CLASS="boxStyle">ss<BR><BR></DIV>
<DIV ID="Div2" CLASS="boxStyle"><BR><BR></DIV>
<DIV ID="Div3" CLASS="boxStyle"><BR><BR></DIV>

By Dawesi.

-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ben Yee
Sent: Thursday, 6 November 2003 4:32 PM
To: CFAussie Mailing List
Subject: [cfaussie] CSS and aligning

Howdy,

In my quest for a non tabled page layout :), I'm trying to align 3 divs next
to each other, similar to how the <td> works in a table.
But when I insert the 3 divs they get put under one another.

How do I do it without a table? I thought that divs were the future.

thanks
ben

---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to
[EMAIL PROTECTED]

MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004


---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to
[EMAIL PROTECTED]

MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004


---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]

MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004