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ä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
|