Thank you for the help I've received in getting my site sorted out. I seem to almost there as it's working on Mac Safari and FF2. It also seems to be working on Windows FF1.5 and Windows FF2.
But MSIE6 demonstrates the double margin problem on the lower 'Menu for al-Salata...' menu. In the process of attempting to correct that, MSIE5.5 and MSIE7 seem to have more serious problems - and I've not sorted out the margin problem either... Any suggestions will be gratefully received. On 08/07/07, John Lockerbie <[EMAIL PROTECTED]> wrote: > Holly, > > Thank you. I've made so many small amendments I've lost track of what I'm > doing. > > Regards > John > > On 07/07/07, Holly Bergevin <[EMAIL PROTECTED]> wrote: > > From: "John Lockerbie" <[EMAIL PROTECTED]> > > > > >somebody can now help by telling me what I'm doing wrong in not being > > >able to get the same menu at the bottom of the page as there is at the > > >top on: > > > > > >http://www.catnaps.org/newlayout/index.html > > >css: http://www.catnaps.org/newlayout/islamic2.css > > > > Assuming, since you didn't really say, that what you want is the "box" > > around the bottom nav as the top one has, you'll need to add the > > appropriate element to your HTML. > > > > In your style sheet you have - > > > > #contentcol, contentcol2 { > > color: #333; > > background: #e7fbee; > > margin: 0px 0px 0px 0px; > > padding: 0px; > > height: 160px; > > width: 724px; > > float: left; > > border: 1px solid #bbbbff; > > } > > > > Note that the second part of that selector selects absolutely noting. Even > > if you put a leading #, it will still select nothing because that element - > > #contentcol2 - does not exist in your HTML. > > > > So, to get what you want, you'll need to fix your HTML to include that > > element, and fix your CSS so that it targets the element - > > > > #contentcol, #contentcol2 {etc} > > > > You may find you want to add the following selectors and properties as well. > > > > #contentcolnav2 { > > position:relative; > > float: left; > > left: 10px; > > margin-top: 0px; > > } > > > > #contentcol2 {margin-left: -10px;} > > > > Regards, > > > > ~holly > > > > > > > ______________________________________________________________________ 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/
