Header gone to the bottom!

itchyfeet · February 15, 2006

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

Andy · 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:

photos | route |

update | news |

links

itchyfeet · 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!

Andy · 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..

Andy · February 15, 2006

FIXED.

Elliot, you somehow deleted some from your header and

from your footer.

I fixed it.

itchyfeet · 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.

itchyfeet · 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.

Andy · 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.

itchyfeet · February 15, 2006

sorry! sorry!

i will not change anything else...could you please amend?

Andy wrote:

I said stop!
did you not stop???

Andy · February 15, 2006

Elliot, I don't know what the problemo is now - need one of the Style experts.

Header:

FOOTER

photos | route |

update | news |

links

Andy · February 15, 2006

BTW, I did have it working fine,

now I can't figure it out.

itchyfeet · February 15, 2006

Andy wrote:

BTW, I did have it working fine, 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!

Andy · February 15, 2006

Elliot, I see it's fixed. What did you do?

BTW, when you email help with this sort of problem, it comes to me also

so, once you start a thread here, best to stay on the thread -

itchyfeet · 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" border="0" alt="" >

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

Header gone to the bottom!

Comments