• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[IE] Horizontales Scrollen bei iFrame

Status
Für weitere Antworten geschlossen.
WannaBe²

WannaBe²

Neues Mitglied
Hallo,

Ich habe ein "schlichtes" Design für meine Site angefertigt. Im FireFox gibt es keine Probleme mit Horizontalen Scrollbalken, nur der Internet Explorer macht alles falsch.

Habe mal 2 Screens hochgeladen:

FireFox

Internet Explorer

Habe auch schon folgendes probiert, was ich mal auf einer Tutorial-Seite gesehn habe:

CSS:
Code: 
* html body
{
overflox-x:hidden;y:scroll;
}

Hat jemand ne Lösung für dieses Problem?

Danke schonmal,
WannaBe²
 
Werbung:
Ja LoL... Ich muss es mit iFrames machen, weil mein Kumpel das so will und ich bekomm immerhin Geld dafür -.-
 
Werbung:
SelfHTML schrieb:
Die CSS-Eigenschaften overflow-x bzw. overflow-y sind proprietäre Erweiterungen von Microsoft, sie werden also nur vom Internet Explorer interpretiert.
Die Anweisung html {overflow-x:hidden;} im CSS-Stylesheet schaltet den horizontalen Scrollbalken (immer!) ab. Damit ist der CSS-Code jedoch nicht mehr valide. Zu beachten ist, dass im standardkonformen Modus diese CSS-Eigenschaft dem html- und nicht dem body-Element zuzuweisen ist.
Zum Vergrößern anklicken....
Und wenn Du schon proprietere Erweiterungen des IE verwendest, dann schreib sie auch richtig. weil das...
Code: 
* html body
{
overflox-x:hidden;y:scroll;
}
...ist Unsinn und von Dir frei erfundenes CSS!

Des weiteren schau mal in meine Signatur, da steht was von padding und margin. Das könnte helfen.

Ausserdem sei Fredmonster Recht gegeben. Und wenn Du das für Geld und dazu noch für Deinen Freund machst, da erkläre Ihm, das Frames Unfug sind und zeig ihm und uns wie man es besser machen kann.
 
Also ich würde dem iFrame eine ID geben und dann horizontal verstecken.

So:
HTML: 
<iframe name="name" id="scrollen" .....="..."></iframe>
Und hier die CSS
Code: 
.scrollen {
overflow-x:hidden;
overflow-y:scroll;
}
MfG, matibaski
 
Werbung:
@gruenspan:

In meinem CSS steht genau das wie in deiner Sig:

Code: 
*
{
padding:0px;
margin:0px;
}

@matibaski:

So funktioniert es auch nicht.
 
Werbung:
Da haste:

PHP: 
<?php error_reporting(E_ALL); $Path = "."; require('./global.php'); AutoLogout($DB,$Site_Config);
if ( LoggedIn(session_id(),$DB) )
{
$DB->Query("UPDATE users SET LastActive='".time()."' WHERE OldSession='".session_id()."'");
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>

        	<title>Warriors Heart</title>

                <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
                <meta http-equiv="content-style-type" content="text/css">

                <link rel="stylesheet" type="text/css" href="./_site/style.css">

                <script language="JavaScript" type="text/javascript">
                <!--
                function Direction()
                {
                	window.location.href = "./";
                }
                setTimeout("Direction()",<?php echo ($Site_Config['PruneTime'] * 60000 ); ?>);
                -->
                </script>

        </head>

        <body>

        	<p style="text-align:center;">
                	<img src="./_img/logo.png" alt="" border="0" width="800" height="300">
                </p>

        	<div class="main">

                        <iframe src="./_site/navigation.php" frameborder="0" class="frame1" id="frame1" name="frame1"></iframe>
                        <iframe src="./_site/news.php" frameborder="0" class="frame2" id="frame2" name="frame2"></iframe>

                        <p style="text-align:center;margin-top:5px;">
                        	<a href="http://validator.w3.org/check?uri=referer" target="_blank"><img src="./_img/valid_html.png" alt="Valid HTML 4.01 Transitional" height="31" width="88" border="0"></a>
                        	<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img style="border:0;width:88px;height:31px" src="./_img/valid_css.png" alt="Valid CSS!"></a>
                                <a href="http://www.getfirefox.com" target="_blank"><img src="./_img/firefox.jpg" width="80" height="15" alt="" border="0"></a>
                                <a href="http://www.opera.com/download/get.pl?id=29517&location=136&sub=++++&x=97&y=23" target="_blank"><img src="./_img/opera.png" alt="" border="0" width="65" height="20"></a>
                        </p>
                </div>

        </body>

</html>

EDIT: Ja, das gute alte HTML-Tag macht mal wieder keine Zeilenumbrüche, ma in PHP ändern.
 
Zuletzt bearbeitet:
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben