Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
Browser Specific Problems: Help, missing content in IE6, it doesn't scroll al the way down...
Bottom of Page1 to 5 of 5
-
Hi,
I've just created a site http://www.paardenverzekeringvergelijker.nl/ which look fine in firefox, opera and IE7. But when I opened it in IE6, the bottom of the page seems to be missing... Even setting the body to a certain height in pixel, doesn't seem to have any effects. So, I haven't really got a clue..?
Please send me any ideas of what bugs I need to be looking for?
Cheers,
Sido -
-
CommentAuthorkari.patila
- CommentTimeAug 7th 2007
Quite a catchy url you have there. No offence intented. I think that working with words and titles that complex require some real planning and talent.
So, to get back to the matter at hand, are you missing a specific element or just the bottom part in general? I don't have IE6 available at the moment so all I can say right now is that it works well on Safari. -
-
Yes, don't you love those long url's ;-) No offence taken, my client came up with it.
This is the main layout gridlogo(float:left) branding(float:right) pic+text(float:left) form(float:right) br with clear both copyright(float:left) footer(float:right)
The footer is missing. Also in the form div, you've got a couple of tables and at the end a div with the submit button, this div is also missing. :( -
-
CommentAuthorkari.patila
- CommentTimeAug 7th 2007
You could try something like creating a separata footer div, floating that and moving your current copyright and footer divs inside it. But I'm just passing some time here, since I have no way of testing it. Those right-floated form and footer divs might just float so far to the right hand side that you can't see them on ie6, or something like that. -
-
Got a fix through the css-discuss list
> in IE6, the bottom
>of the page seems to be missing...
In - /* reset.css */ - remove the position: relative from the universal selector's declarations. Automatically declaring that property value for everything can have unpredictable and, as you've discovered, undesirable, consequences. Set it only where needed.
/* reset.css */
*
{
font-family: inherit;
font-size: 100%;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative; /* this is the offending property */
text-align: left;
}
I hope that helps,
~holly
ps - the only "technique" used to discover the problem here is described on this page -
http://www.positioniseverything.net/articles/mys-bug.html
1 to 5 of 5