Horizontale Scrollbar im Iframe ausblenden
Seit langer Zeit existiert das Problem dass die horizontale und vertikale Scrollbar eines Iframes im Internet Explorer und anderen Browsern nicht separat ausgeschaltet werden kann. Im Firefox ist es sehr einfach möglich mit den CSS Befehlen {overflow-x: hidden; overflow-y: scroll}. Diese funktionieren jedoch auf allen anderen Browsern nicht.
Es gibt einige Lösungsansätze, die meisten davon jedoch nur für eine spezifische Browserversion.
Mit diesem folgenden, simplen Trick jedoch, kann man die Scrollbar auf sämtlichen Browsern verstecken.
<!-- This DIV is a special hack to hide the horizontal scrollbar in iframes -->
<div id="iframeHorScrollbarHider" style="position:absolute; width: 768px; height: 20px;
top: 850px; left: 376px; background-color: black; display: none;">
</div>
<script type="text/javascript">
if (document.getElementById("idOfIframe") != null
&& document.getElementById("iframeHorScrollbarHider") != null)
{
document.getElementById("iframeHorScrollbarHider").style.display = "block";
}
</script>
Besondere Beachtung ist dabei der fixen Höhe des Iframes zu schenken. Und die absoluten Positionierungsangaben und die Farbe müssen natürlich ans Design der Website angepasst werden.
