XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   IE macht einfach horizontale Scrollbar!? (http://xhtmlforum.de/showthread.php?t=41489)

ThorstenSt 23.08.2006 00:14

IE macht einfach horizontale Scrollbar!?
 
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 23.08.2006 00: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 23.08.2006 01: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) :twisted: :evil: typisch IE

Gruß
Thorsten


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:01 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023