|
||||
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> 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> 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; } 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; } Gruß Thorsten |
Sponsored Links |
|
||||
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... |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |