Overflow:hidden - (Verticale) Scrollbar blijft in IE7

[Blueflame_Core]

Gegroet,

Ik zit me alweer een hele tijd suf te zoeken op het web helaas zonder resultaat, meeste gaat namelijk over de horizontale scrollbar.

Het gaat om het volgende. In firefox werkt de site perfect. Ik dacht kom laat ik hem eens testen in IE7.
Welja de problemen dienden zich alweer aan en gelukkig zijn de meeste opgelost, behalve één.

Ik wil dat de verticale scrollbar verdwijnt van het scherm !!! .
Nu heb je daar overflow:hidden voor, alleen heeft IE7 hier dikke schijt aan. Hij blijft mooi staan ook al is die grijs en inactief. Krijg hem met geen mogelijkheid van het scherm af.

overflow:hidden;
overflow-y:hidden;
overflow-x: hidden; (ja ik weet dat dit voor horizontaal is maar je weet het maar nooit met IE)
background-attachment: fixed; (kwam het ergens tegen)

dit dus allemaal al geprobeerd en misschien zelfs wel meer maar dat kan ik me niet meer zo snel herinneren.

Iemand misschien de verlossende tip?

[TvdW]

html,body{overflow:hidden;}

zou moeten werken?

-edit-
als dat niet werkt, probeer dan eerst eens of IE7 het wel kan :
*{overflow:hidden;}

[ Voor 49% gewijzigd door TvdW op 29-03-2009 03:05 ]

[Blueflame_Core]

-____________________________- ik had html niet voor body staan. Opgelost !

[Blueflame_Core]

Nu heb ik nog een ander probleem.

Ik had het paar uren terug voor mekaar tot ik weer aan het kloten was en nu lukt het niet meer om terug te krijgen .

Ik had me footer mooi op de grond, en als de tekst in de div langer was dan kwam er mooi een scrollbar en scrollde de hele container door naar beneden en de footer bleef beneden de tekst. Nu lukt het me niet meer om dat terug te krijgen en scrollt de tekst dus niet door maar breekt af en de footer loopt dwars door de tekst heen. Iemand een idee ?
Ja het is misschien wat vaag uitgelegd maar ja weet geen andere omschrijving. Hij moet dus automatisch aanvoelen of de tekst langer is.. zo ja scroll mogelijkheid.

P.s. hier de css code, het is wat een puinhoop maar dat komt omdat ik er mee aan het rotzooien ben:

html, body { background-color: #03008D; height: 100%; overflow: auto; }
A {text-decoration:none; padding-left: 5px; color:#1E90FF; }

/* menu */
.menu_uitlijnen {
margin-bottom:5px;
margin-top:5px;
padding-top:1px;
}

a.links {
text-decoration: none;
font-family: Verdana;
font-size: 0.7em;
padding-left: 5px;
margin-bottom: 0px;
margin-top: 1px;
padding-top: 1px;
color:#1E90FF;
font-weight: bold;
}

a.links:hover {
text-decoration: none;
font-size: 0.7em;
padding-left: 5px;
margin-bottom:0px;
margin-top:1px;
padding-top:1px;
color:#B0E0E6;
font-weight: bold;
}

a.sub {
text-decoration: none;
font-family: Verdana;
font-size: 0.7em;
margin-bottom: 0px;
margin-top: 1px;
padding-top: 1px;
line-height: 13pt;
color:#B0E0E6;
font-weight: bold;
}

a.sub:hover {
text-decoration: none;
font-size: 0.7em;
margin-bottom: 0px;
margin-top: 1px;
padding-top: 1px;
line-height: 13pt;
color:#1E90FF;
font-weight: bold;
}

.menu{ /* Styling question */
/* Start layout CSS */
color:#1E90FF;
font-family: Verdana;
font-size:0.7em;
font-weight: bold;
width:150px;
margin-bottom:5px;
margin-top:5px;
padding-left:5px;
height:15px;

/* End layout CSS */

overflow:hidden;
cursor:pointer;
}
.menu_dropdown{ /* Parent box of slide down content */
/* Start layout CSS */
background-color:#F8F8FF;
width:155px;
padding-left: 2px;

/* End layout CSS */

visibility:hidden;
overflow: hidden;
position:relative;

}
.menu_dropdown_content{ /* Content that is slided down */
position:relative;
}

.menu:hover {
color: #B0E0E6;
}
/* menu */

#container {
position: relative;
background-color: #fff;
height: 100%;
width: 800px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#header {
padding-top: 0px;
height: 120px;
width: 800px;
}

#contact_balk {
background-image: url(afbeeldingen/bottom.jpg);
background-repeat: no-repeat;
padding-top: 3px;
height: 20px;
font-family: Verdana;
color: #778899;
font-size: 0.7em;
text-align: center;
}

#menu_content {
background-image: url(afbeeldingen/content1.gif);
margin-top: 20px;
padding-top: 10px;
background-repeat: no-repeat;
height: 350px;
}

#tekst {
position: absolute;
font-family: Verdana;
font-size: 0.8em;
height: auto;
left: 180px;
margin-top: 20px;
text-align: left;
overflow: hidden;
}

#footer {
position: absolute;
background-color: #000;
color: #fff;
font-size: 0.8em;
margin-top: 280px;
width: 800px;
text-align: center;
}

div.clear {
clear:both;
}

al opgelost

[ Voor 66% gewijzigd door Blueflame_Core op 29-03-2009 22:35 ]

[Kiphaas7]

Zou je ook even kunnen posten wat nou precies het probleem was en wat je oplossing is? Ik zie nu alleen maar een hoop doorgestreepte code, en ik denk dat met mij nog een aantal andere alleen al nieuwsgierig zijn naar hoe je het hebt opgelost.

[Blueflame_Core]

O ja sorry. Natuurlijk had ik dit even moeten posten.
Wat nu exact de oplossing was uit deze css code weet ik niet echt meer, want ik ben een andere site tegengekomen met een beter basis-script.
Toen ik in deze code het had opgelost liep ik weer tegen een andere probleem op en dat was dat de kleur onder het menu niet doorliep, terwijl de tekst div wel doorliep. Als je het een beetje voor ogen kunt halen, een lelijk gezicht dus.

In het kort komt het hier op neer, wil jeje site opbouwen uit divjes + css kijk dan eens op deze website.
Natuurlijk zelf een beetje aanpassen naar je wensen.
Het enige waar ik nu nog tegenaan loop zijn verschrikkelijke verschillen tussen FF en IE7.
Maar goed hier zal ik wel even een nieuw topic over starten.