I'm trying to modify a layout and am having a bit of trouble with it - I'm still pretty new to CSS. I hope someone can help me.
I'm using the Holy Grail Layout, No Quirks Mode layout from Mathew James Taylor (http://matthewjamestaylor.com/blog/holy-grail-liquid-layout-no-quirks-m ode). I like this layout - it's clean, fairly simple, standards-compliant, an works in older/different browsers. In this layout, the center column is liquid and the two side columns are equal width (170px). I'm trying to modify it so that the two columns are different widths (left column at 150px and right column at 185px). I'd also like to reduce the "margin" between columns a bit - right now it's 15 pixels on each side - i.e. 30 pixels between left and center columns and 30 pixels between center and right columns. I'd prefer maybe a 20 pixel space instead. I'm having trouble deciphering the layout enough to know where to make the changes. I've come close a few times, but not quite (and I'm afraid that what I did will break down in older browsers). Can anyone give me some assistance in figuring this out - or let me know that there isn't any way to do this with this particular layout? My (current) mock-up version of the layout is at http://www.lfpl.org/grail2.htm . Much thanks and appreciation - Michelle Michelle C. Miller Shutt - [email protected] Digital Services Librarian Louisville Free Public Library 301 York Street, Louisville, Kentucky 40203 502-574-1685 http://www.lfpl.org ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
