Sent by John Lockerbie on 13 July 2007 16:04
Ooops, sorry - forgot to put the site:
http://catnaps.org/newlayout/index.html and
http://catnaps.org/newlayout/islamic2.css
On 13/07/07, John Lockerbie [EMAIL-REMOVED]> wrote:
> 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-REMOVED]> 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-REMOVED]> wrote:
> > > From: "John Lockerbie" [EMAIL-REMOVED]>
> > >
> > > >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-REMOVED]]
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/
