✔ I-Explorer Fix?

Status
Nicht offen für weitere Antworten.
S

squirmy

Grünschnabel
I-Explorer scroll Fix?

Hallo,
beim Bau meiner Homepage mit Hilfe von css, stellt der I-Explorer das "Layout" nicht richtig dar. In Mozilla wird es noch richtig dargestellt, nämlich ohne Scrollbalken.
Ich habe leider noch nicht viel Erfahrung mit html und css.
Damit man sich das ganze besser vorstellen kann, hier der Code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css.css" type="text/css" />

<style type="text/css"> 

.bground {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 0;
} 

.bgbild { 
  width: 100%; 
  height: 100%; 
} 
</style> 
</head> 
<body> 
    <div class="bground"><img class="bgbild" src="pics/hg.jpg">
	</div> 
</body> 
</html>

Der Code ist bewusst so gewählt, da ich die Ausrichtung der Navigation usw. in % angebe und nicht in px. Das funktioniert auch so wie es soll, auch in unterschiedlichen Auflösungen.
Habe das I-Explorer Scrollfix auf SelfHtml schon ausprobiert, jedoch ohne Erfolg.


Kann mir bitte jemand helfen, und mir sagen wie man es schafft im I-Explorer den rechten weißen Rand und Scrollbalken wegzubekommen.

Vielen Dank,
greetz Squirmy


PS: Ich war dem Ziel eines Nachts schon Nahe und hatte den Scrollbalken auf max. 5px in die Tiefe hinbekommen, aber dann weiter rumgespielt, gespeichert und alles war für die Katz. Schön wär es jedoch wenn genau wie in Mozilla der Scrollbalken nicht angezeigt würde.
 
Zuletzt bearbeitet:
Danke für deine Hilfe, aber overflow: hidden; löst leider nicht mein Problem.
Es zeigt leider keine Auswirkungen :(
 
Hi;

ich hab mal ein paar Änderungen vorgenommen->

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css"> 

body,html{
	margin:0;
	padding:0;
	height:100%;
} 

#bgbild { 
	position:absolute;
	width: 100%;
	height: 100%;
} 

</style> 
</head> 
<body>
<img id="bgbild" src="start1.gif" alt="">
</body> 
</html>

so sollte es funktionieren

Greetz
 
YEHA...... :-)

Vielen Dank euch beiden.
@ T3ch: Dein überarbeiteter Code funktioniert so wie er soll und ich will. ^^

nochmals many many thanks
greetz
squirmy
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück