On Tue, 3 Jul 2007 12:59:18 -0700, Kathy Parmentier wrote: > I am having a lot of trouble with link styling and header positioning. The > styles do > not display correctly. Even more confusing to me is that they display > (mostly) as I > expect in IE6, but not in Firefox 2. >
Well, you are trying to stuff a #homeheader1 that's 213px high into #homeheader that is 197px high. You are also giving the H1 a top margin of 1em, which likely corresponds to the gap you refer to. > I have been able to get the navigation links to display as I intend if I > embed the link > styling. However, the link styling for the footer and main content area have > now also > changed. Why? There is a bit of JavaScript on the Index page, but removing > it with > its source code did not make any difference. > The JavaScript is not the culprit, as you say. But you have several serious markup errors you can't blame on the script. You'll need to fix those. I see several other issues as well. Hopefully these are due to the markup errors. I also think that you have far too many DIVs inside DIVs ... It makes debugging quite difficult. For all the links, you may be better off with a more conventional navigation structure. I found these tutorials useful when I was learning link styling: <http://css.maxdesign.com.au/listamatic/> Hope they help. > > The development site is http://www.ladera.org/DEV/Kathy/index.html The CSS is > http://www.ladera.org/DEV/Kathy/ladera.css > Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
