Few IE Problems

  • Zonezero5
  • Novice
  • Novice
  • Zonezero5
  • Posts: 25

Post 3+ Months Ago

Been messing with my site the past few hours and have a few problems in IE I can't seem to squash. Was just wondering if anyone could give me a hand and help me fix them.

#1: http://www.mirroredwhite.com/index.php?id=5

When the content makes the page scroll, the bg of the div #wrapper doesn't keep going to the bottom of the page. It also seems to be making the page scroll and end short on pages where content doesn't exceed the screen.

#2 http://www.mirroredwhite.com/portfolio.php

On this page and a few others the bg image of the .content div keeps going threw other divs and you can see it extend past the footer image.

Thanks for any help anyone can provide.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Netlyte
  • Graduate
  • Graduate
  • Netlyte
  • Posts: 179

Post 3+ Months Ago

For #1: For your Wrapper div add
Code: [ Select ]
overflow:auto;
  • Zonezero5
  • Novice
  • Novice
  • Zonezero5
  • Posts: 25

Post 3+ Months Ago

Didn't work :[ Just gave me scroll bars and there was still a space below the horizontal scrollbar it added and the bottom of the page.
  • Netlyte
  • Graduate
  • Graduate
  • Netlyte
  • Posts: 179

Post 3+ Months Ago

Have you tried height:auto; for the wrapper div?
  • Zonezero5
  • Novice
  • Novice
  • Zonezero5
  • Posts: 25

Post 3+ Months Ago

That didn't work either, it goes further down the page instead of stopping halfway but there's still like a 5px margin between the bottom of the wrapper div and the screen. There's no margin or padding on the wrapper div or body / html so no clue where it's coming from. Also it breaks it when the content fits in the whole page it doesn't go to the bottom.
  • AnarchY SI
  • Web Master
  • Web Master
  • User avatar
  • Posts: 2521
  • Loc: /usr/src/MI

Post 3+ Months Ago

have you tried specifying the margin or padding to be 0px for that side?
  • Zonezero5
  • Novice
  • Novice
  • Zonezero5
  • Posts: 25

Post 3+ Months Ago

Yep it's set to 0px both margin and padding, on body, html, and the wrapper div.
  • Zonezero5
  • Novice
  • Novice
  • Zonezero5
  • Posts: 25

Post 3+ Months Ago

So can anyone spot anything I'm missing? I can't find anything for the life of me.
  • Zonezero5
  • Novice
  • Novice
  • Zonezero5
  • Posts: 25

Post 3+ Months Ago

Well I narrowed it down and the extra space at the bottom and bg not going all the way down seem to be linked.

To get the wrapper bg to go all the way to the bottom I need to put min-height: 100%. If I change min-height to height it gets rid of the extra space but the bg no longer go's all the way to the bottom.

Anyone have any clue what's going on and how I can fix it?

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: No registered users and 36 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.