Header gone to the bottom!

itchyfeetitchyfeet Registered Users Posts: 66 Big grins
edited February 15, 2006 in SmugMug Support
Hi.

My header has suddenly gone to the bottom. All I did was change the color of it, and it is now appearing by my footer.

my header is the bit which starts 'photos | route ...'
my footer has my name and email address
(they seem to appear as one block now!)

Help!!!

ew.smugmug.com

Thanks
Elliot

Comments

  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    Here's the code, so that those who can debug may be able to help easier:

    CSS

    #wrapper {width:800px;}
    .top_border { border: #000000; }
    .bottom_border { border: #000000; }
    .left_border { border: #ffffff; }
    .right_border { border: #ffffff; }

    body { color: #000000; font-family: Arial; }
    Body { background-color: #ffffff; }

    .boxTop { border: #ffffff; }

    .title {
    color: #1963AA;
    }



    #caption_bottom { display: none; }
    #caption_top { display: block; }

    .offgray { color: #000000; font-weight: normal; }
    .offblue { color: #ffffff; }
    .box { background-color: #ffffff; }
    .headmd { color: #000000; }
    .headlg { color: #A2B5CD; }



    a:hover { color: #cc6600; text-decoration: underline;}

    .play_slideshow {
    display: none;
    }

    #feeds { display:none}
    .nophotos { display:none; }
    a.link {
    text-decoration: none;
    }
    a.link:hover {
    text-decoration: underline;
    }

    #userName {
    display:none }
    #userHome { display:none }

    #userBio { width: 550px;
    display: inline;
    float: left;
    position: relative; }

    #featuredBox .miniBox {
    width:180px;
    height:auto;
    min-height:140px;
    margin:20px 0 0;
    padding:0;
    _height:140px;
    }

    #featuredBox .miniBox .nav,
    .box .miniBox .private {
    width:180px;
    padding-top:15px;
    }

    #featuredBox .miniBox .photo {
    margin:0;
    padding:0;
    width:180px;
    _height:1px;
    }

    #featuredBox .miniBox .albumTitle {clear:both; text-align:center; }

    #categoriesBox .miniBox {
    width:180px;
    height:auto;
    min-height:140px;
    margin:20px 0 0;
    padding:0;
    _height:140px;
    }

    #categoriesBox .miniBox .nav,
    .box .miniBox .private {
    width:180px;
    padding-top:15px;
    }

    #categoriesBox .miniBox .photo {
    margin:0;
    padding:0;
    width:180px;
    _height:1px;
    }
    #categoriesBox .miniBox .albumTitle {clear:both; text-align:center; }

    .box .miniBox {width:180px; height:auto; min-height:140px; margin:20px 0 0; padding:0; _height:140px;}
    .box .miniBox .nav, .box .miniBox .private {width:180px; padding-top:15px;}
    .box .miniBox .photo {margin:0; padding:0; width:180px; _height:1px;}
    .box .albumTitle {text-align:center;}
    .box .boxBottom .albumLarge {height:auto; min-height:200px; margin:20px 0 0;padding:0; width:180px;}
    .box .boxBottom .albumLarge .photoLarge {margin:0; padding:0; width:180px;}
    .box .boxBottom .albumLarge .nav {width:180px; padding-top:15px;}


    .miniBox .albumTitle a.nav {font-size:12px;}




    /* html only page for gallery XXXXXX */
    .gallery_Guestbook .nophotos { display: none; }
    .gallery_Guestbook .opening { display: none; }


    Header Code:


    Footer Code:




    image

     © 2006 elliot warren |

    elliot.warren@gmail.com     

    Andy

    Portfolio • Workshops • Facebook • Twitter
  • itchyfeetitchyfeet Registered Users Posts: 66 Big grins
    edited February 15, 2006
    odd thing is, if i cut and paste the FOOTER code and put that it in the HEADER section, just below the current HEADER code, the thing works fine (i.e. everything in the header appears there).

    If the footer code is in the footer section, it seems to 'drag' part of the header section down (if that makes sense?)

    please suggest anything! thanks!
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    itchyfeet wrote:
    odd thing is, if i cut and paste the FOOTER code and put that it in the HEADER section, just below the current HEADER code, the thing works fine (i.e. everything in the header appears there).

    If the footer code is in the footer section, it seems to 'drag' part of the header section down (if that makes sense?)

    please suggest anything! thanks!
    STOP customizing
    let me in..

    ear.gif
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    FIXED.

    Elliot, you somehow deleted some from your header and
    from your footer.

    I fixed it.
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • itchyfeetitchyfeet Registered Users Posts: 66 Big grins
    edited February 15, 2006
    ok...sorry for changing the coding!
    i will implement the changes and see if it works.

    THANKS!!!! :)
    Andy wrote:
    FIXED.

    Elliot, you somehow deleted some </div> from your header and <div> from your footer.

    I fixed it.
  • itchyfeetitchyfeet Registered Users Posts: 66 Big grins
    edited February 15, 2006
    i just put in </div> at the end of my header

    and <div> at the beginning of my footer...

    but it hasn't fixed it. :(

    any more suggestions? thanks! elliot
    Andy wrote:
    FIXED.

    Elliot, you somehow deleted some </div> from your header and <div> from your footer.

    I fixed it.
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    itchyfeet wrote:
    i just put in </div> at the end of my header

    and <div> at the beginning of my footer...

    but it hasn't fixed it. :(

    any more suggestions? thanks! elliot

    I said stop!
    did you not stop??? Tell me when you are out of your customization panel and I will fix it again.
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • itchyfeetitchyfeet Registered Users Posts: 66 Big grins
    edited February 15, 2006
    sorry! sorry!

    i will not change anything else...could you please amend?
    Andy wrote:
    I said stop!
    did you not stop???
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    Elliot, I don't know what the problemo is now - need one of the Style experts.

    Header:



    FOOTER

    image

     © 2006 elliot warren |

    elliot.warren@gmail.com     

    Andy

    Portfolio • Workshops • Facebook • Twitter
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    BTW, I did have it working fine, :D now I can't figure it out.
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • itchyfeetitchyfeet Registered Users Posts: 66 Big grins
    edited February 15, 2006
    Andy wrote:
    BTW, I did have it working fine, :D now I can't figure it out.

    it is all very strange. i really appreciate your help andy! thanks! hopefully someone will have a flash of brilliance.

    is there anyway of finding out what the exact code i had on the page yesterday? yesterday it worked fine. i am sure the only change i did today was to the color, but maybe i deleted some characters which has caused the big messup.

    this is a very bizarre problem!
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 15, 2006
    Elliot, I see it's fixed. What did you do? ear.gif

    BTW, when you email help with this sort of problem, it comes to me also :D so, once you start a thread here, best to stay on the thread - deal.gif
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • itchyfeetitchyfeet Registered Users Posts: 66 Big grins
    edited February 15, 2006
    oh - sorry, didn't realise the thread goes to you! the problem is fixed now. i told support to ignore it. i had missed out a
    </table>
    </p>
    in the header coding. can't believe that caused so much trouble.

    thanks for your help...sorry i was a bit dumb about it!

    thanks
    elliot
    Andy wrote:
    Elliot, I see it's fixed. What did you do? <img src="https://us.v-cdn.net/6029383/emoji/ear.gif&quot; border="0" alt="" >

    BTW, when you email help with this sort of problem, it comes to me also :D so, once you start a thread here, best to stay on the thread - <img src="https://us.v-cdn.net/6029383/emoji/deal.gif&quot; border="0" alt="" >
Sign In or Register to comment.