IE macht einfach horizontale Scrollbar!?

ThorstenSt · #1 (**permalink**) 22.08.2006, 23:14

Hallo, schaut euch mal folgende Seite bitte an:

http://home.arcor.de/thorstenst/blog/index.html

Im IE wird im mittlerem Frame einfach eine horizontale Scrollbar eingefügt, im FF und Opera nicht.

(Benutze IE 7)

Euch euer Forum sehe ich grade hat eine horizontale Scrollbar.

CODE:

HTML1:

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
	<title>Thorsten Steinberg</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>



<div id="rahmen">

<img class="menueBild" src="images/menue.gif" />

<div id="menue">
<ul id="navlist">
<li><a href="main.html" target="main">Startseite</a></li>
<li><a href="person.html" target="main">Zur Person</a></li>
<li><a href="projekte.html" target="main">Projekte</a></li>
<li><a href="gaestebuch.html" target="main">G&auml;stebuch</a></li>
<li><a href="kontakt.html" target="main">Kontakt</a></li>
<li><a href="impressum.html" target="main">Impressum</a></li>
</ul>
</div>



  <iframe class="frame" src="main.html" name="main" frameborder="0">
    <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen!</p>
  </iframe>

<br/>





</div>


</body>
</html>

HTML MAIN (FRAME)

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
	<title>S.Speckenbach</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="style_main.css">
</head>
<body>



<p class="ueberschrift">Startseite</p>

<div id="textbereich">
hallo, dies ist ein normaler text. hallo, dies ist ein normaler text.hallo, dies ist ein normaler text.hallo, dies ist ein normaler text.
hallo, dies ist ein normaler text. hallo, dies ist ein normaler text.hallo, dies ist ein normaler text.hallo, dies ist ein normaler text.
hallo, dies ist ein normaler text. hallo, dies ist ein normaler text.hallo, dies ist ein normaler text.hallo, dies ist ein normaler text.



</div>

</body>
</html>

und die beiden CSS Dateien:

CSS

Code:

/* CSS Styles für T.Steinberg */

body{

  background-color: #330000;
  padding: 5px;


}


.menueBild{
  position:absolute;
  margin-left: 15px;
  margin-top: 185px;
}

#rahmen{

 text-align:left;
 padding:0px;
 padding-right:5px;
 width: 895px;
 height: 600px;
 border: 1px solid #ffffff;
 background-color: #330000;
 background-image: url("images/bg.jpg");
 background-repeat: no-repeat;

}

.frame{

 margin-top:209px;
 margin-left:100px;
 width: 716px;
 height: 375px;
 border:1px solid #ffffff;



}


#menue {
  width: 800px;;
  position: absolute;
  margin-top:173px;
  margin-left:99px;
}

#menue ul
{
  margin:0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  list-style-type: none;

}

#menue ul li
{
  display: block;
  float: left;
  text-align: center;
  margin:1px;


}

#menue ul li a
{
  display: block;
  padding-top: 2px;
  height: 20px;
  width: 100px;
  color:#ffffff;
  background-color: #330033;
  border: 1px solid #1D5872;


}

#menue ul li a:link, a:visited
{
  color: #ffffff;
  text-decoration: none;


}

#menue ul li a:hover
{

  background-color: #009933;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-weight:bold;

}



.ueberschrift{

  margin:0px;
  padding: 2px;
  background-color: #F7F5F4;
  border: 1px solid #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  text-align:left;
  background-image: url("images/ueberschriftbg.jpg");
  background-repeat: no-repeat;
  width:50%;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;


}

CSS MAIN

Code:

/* CSS Styles für T.Steinberg */

body{

  margin-top:0px;
  margin-left:10px;
  margin-right:0px;
  margin-bottom:10px;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  background-image: url("images/bg2.jpg");
  background-repeat: no-repeat;
  background-attachment:fixed;
}


#textbereich{
  padding-top:28px;
  width: 20%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #ffffff;
}

.ueberschrift{
  position:fixed;
  margin-top:0px;
  margin-left:0px;
  margin-bottom:2px;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #ffffff;
  text-align:left;
  background-image: url("images/ueberschriftbg.jpg");
  background-repeat: no-repeat;
  width:100%;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;


}

Danke schonmal,

Gruß
Thorsten

sumone · #2 (**permalink**) 22.08.2006, 23:26

Scheint an deinem Iframe zu liegen...
selfhtml

Alternativ würde mir einfallen statt einem Iframe in einem Div zu includen. Ist nur die Frage, ob´s bei Arcor PHP gibt?

ThorstenSt · #3 (**permalink**) 23.08.2006, 00:43

danke, habe mir sowas in der art schon gedacht,

habe es ausnahmsweise mal mit " html {overflow-x:hidden;} " gemacht.
Sieht nun besser aus, nur ich kann dann nicht mehr mit dem Mausrad Scrollen (im FF funktioniert es jedoch)

typisch IE

Gruß
Thorsten

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Scrollbar Problem mit Seite	Freetz	CSS	4	21.11.2011 15:29
Scrollbar Position beibehalten, wenn Seite neu geladen wird	Seeker	Javascript & Ajax	5	23.06.2011 14:32
Intensive Scrollbar Probleme!	Jerry0022	CSS	1	17.06.2011 18:38
Horizontale Gallerie mit Scrollbalken	derLitograph	CSS	0	03.12.2008 11:59
Scrollbar ind <code> Segmente	honkypotter	CSS	2	03.06.2007 11:55