[css-d] Doctype problem
Hello, I'm currently building a website to go into an ecommerce package but have run into a snag as I originally coded the layout into an XHTML doctype and the ecommerce package has an HTML doctype. This meant that although everything rendered perfectly in each browser when I had initially coded it since putting into the HTML doctype page some bits of the design have broken. Although I have now corrected most of it there is still one problem I can't seem to fix and here it is: I have a side navigation column that is a normal verticle list of links. when I give the link a display: block; rule I seem to get an extra bottom margin of 15px. The only browsers that seem to display properly are Opera and Safari? Has anyone experienced this before or know how to get round this problem? Many thanks. __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Doctype problem
> I have a side navigation column that is a normal verticle list of links. > when I give the link a display: block; rule I seem to get an extra > bottom margin of 15px. The only browsers that seem to display properly > are Opera and Safari? Since you didn't provide a demo link, I could only guess you are having elements separating the -s of the navigation. The breaks should be the cause of the unexpected margin. If you don't have access to the menu code to delete them, you can hide them through css like this: #navigation br { display:none; } Regards, Vladislav Vladimirov http://www.ovalpixels.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/