zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE macht einfach horizontale Scrollbar!?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.08.2006, 23:14
Benutzerbild von ThorstenSt
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2005
Beiträge: 47
ThorstenSt befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.08.2006, 23:26
Benutzerbild von sumone
Neuer Benutzer
neuer user
 
Registriert seit: 15.09.2004
Beiträge: 24
sumone befindet sich auf einem aufstrebenden Ast
Standard

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?
__________________
Gruss, sumone

IE...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.08.2006, 00:43
Benutzerbild von ThorstenSt
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2005
Beiträge: 47
ThorstenSt befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
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
Keine Scrollbar sondern Verschiebung hallo2008 CSS 8 24.11.2008 12:43
Scrollbar ind <code> Segmente honkypotter CSS 2 03.06.2007 11:55
Bereich soll bei kleinem Fenster einfach ausgeblendet werden->keine scrollbar clory CSS 1 20.05.2007 14:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:29 Uhr.