Hi,

I apologize in advance, I've done a bit of reading and testing, but am
having trouble trying to use an external style sheet to layout a page
w/ three different divs.  Say for example - left right and center -
instead of a table type layout.  I've tried using absolute and
floating width, etc.  I'd like to also play with setting background
colors on the side divs and things like that.  here's some of what I
have at the moment below (and in my html page I'm linking to the
external style sheet ok, and setting up w/ the classes below e.g. <div
class="left"> using main, right,  etc. . I can't seem to get the
spacing right, or things don't always render well across browsers.

(maybe this isn't even the best way to design/frame a page layout?)

any help is appreciated, thanks in advance.



div.grid {
        width:10.2em;
        position:absolute;
        top:0;
        font-size:100%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
        }
#main  {
        font-family:Verdana;
        width:50em;
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:5em;
        padding-right:5em;
        }
#lleft {
        left:0;
       }
#lright {
        right:0;
       }

--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---

Reply via email to