You need to research how to do CSS Positioning correctly (good CSS Positioning tutorials).
Also, you can google around and find out tutorials showing you the best way to do the layout you are describing. On Thu, Feb 19, 2009 at 7:36 PM, [email protected] <[email protected]>wrote: > > 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; > } > > > > -- -Richard Aday --~--~---------~--~----~------------~-------~--~----~ -- 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] -~----------~----~----~----~------~----~------~--~---
