|
|||
BG wird in Firefox nicht angezeigt
Hallo,
ich habe zwei Probleme mit folgender Seite: webSPELL v4.0 1. Im Firefox wird der weiße Hintergrund ( #seite_hintergrund ) der Seite nicht komplett angezeigt. Hinterm Header wird er noch angezeigt, aber danach leider nicht mehr. Im IE 6 besteht dieses Problem nicht. 2. Eigentlich habe ich angegeben, dass jeweils oberhalb und unterhalb der Page ein margin von 50px sein soll. Es wird jedoch nur oben der margin angezeigt. Index.php Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?php include("_mysql.php"); include("_settings.php"); include("_functions.php"); ?> <html> <head> <title><? echo PAGETITLE; ?></title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <link type="text/css" rel="stylesheet" href="style.css" /> <link type="text/css" rel="stylesheet" href="_stylesheet.css" /> <script language="jscript" type="text/javascript" src="js/bbcode.js"></script> <script language="JavaScript" type="text/javascript" src="js/navi.js"></script> </head> <body> <div id="seite_gesamt"> <div id="rundung_oben"></div> <div id="willkommen"><h3>Herzlich Willkommen auf der Seite des Golfclubs Jever</h3></div> <div id="seite_hintergrund"> <div id="header"></div> <div id="rahmen"> <div id="hauptmenu"> <ul> <? include("menu.php"); ?> </ul> </div> </div> <div id="submenu_top"><p class="box">Submenu</p></div> <div id="inhalt"> <? if(!isset($site)) $site="news"; //Sichheitslücke beheben $invalide = array('/','/\/',':','.'); $site = str_replace($invalide,' ',$site); if(!file_exists($site.".php")) $site = "news"; include($site.".php"); ?> </div> <div id="submenu_inhalt"> <ul> <? include("subnav.php"); ?> </ul> </div> <div id="login_top"><p class="box">Login</p></div> <div id="login_inhalt"> <? include("login.php"); ?> </div> <div id="footer"> <p>Golfclub Jever © 2007</p> <ul> <li><a href="sitemap.htm" class="navi_unten">Sitemap</a></li> <li><a href="kontakt.htm" class="navi_unten">Kontakt</a></li> <li><a href="impressum.htm" class="navi_unten">Impressum</a></li> </ul> </div> </div> <div id="rundung_unten"></div> </div> </body> </html> Code:
/* CSS Dokument */ /* Seitenstruktur */ * { margin: 0px; padding: 0px; } body { background-color: #0c5d30; color: #000; } #seite_gesamt { margin: 50px auto; width: 830px; } #rundung_oben { background-image: url(bilder/rundung_oben.jpg); background-repeat:no-repeat; width: 830px; height: 18px; } #willkommen { background-color: #fff; width: 830px; height: 21px; } #seite_hintergrund { background-color: #fff; width: 830px; height: auto; } #header { background-image: url(bilder/header.jpg); background-repeat: no-repeat; width: 800px; height: 170px; margin-left: 15px; } #rahmen { width: 798px; height: 31px; color: transparent; border-color: black; border-style: solid; border-width: 1px; margin-top: 4px; margin-left: 15px; } #hauptmenu { background-image: url(bilder/navi.jpg); text-align: center; width: 798px; height: 31px; } #hauptmenu li { display: inline; } #submenu_top { background-image: url(bilder/box_top.jpg); background-repeat: no-repeat; width: 200px; height: 24px; margin-top: 15px; margin-left: 15px; display: inline; float: left; } #submenu_inhalt { background-color: #fff; border-color: #000; border-width: 1px; border-style: solid; width: 198px; height: 150px; margin-left: 15px; display: inline; float: left; clear: left; } #submenu_inhalt li { list-style-type: none; width: 198px; height: 23px; float:left; } #inhalt { width: 570px; height: 538px; margin-top: 12px; padding-left: 15px; padding-right: 30px; float: right; } html>body #inhalt { height: auto; min-height: 538px; } #login_top { background-image: url(bilder/box_top.jpg); background-repeat: no-repeat; width: 200px; height: 24px; margin-top: 10px; margin-left: 15px; display: inline; float: left; clear: left; } #login_inhalt { background-color: #0c5d30; border-color: #000; border-width: 1px; border-style: solid; width: 198px; height: 150px; margin-left: 15px; display: inline; float: left; clear: left; } #nickname { width: 176px; height: 26px; margin-top: 10px; margin-left: 14px; display: inline; float: left; } #passwort { width: 176px; height: 26px; margin-left: 14px; display: inline; float: left; } #anmelden { background-image: url(bilder/anmelden.jpg); background-repeat: no-repeat; width: 80px; height: 26px; margin-left: 11px; display: inline; float: left; } #registrieren { background-image: url(bilder/registrieren.jpg); background-repeat: no-repeat; width: 96px; height: 26px; margin-right: 11px; display: inline; float: right; } #pw_vergessen { text-decoration: none; color: #fff; font-family: verdana; font-size: 12px; font-weight: bold; margin-top: 4px; margin-left: 15px; float: left; } #footer { background-image: url(bilder/footer.jpg); background-repeat: no-repeat; width: 800px; height: 31px; margin-top: 12px; margin-left: 15px; display: inline; float: left; } #footer ul { float: right; margin-top: 7px; margin-right: 15px; display: inline; } #footer li { display: inline; padding: 5px; } #rundung_unten { background-image: url(bilder/rundung_unten.jpg); background-repeat: no-repeat; width: 830px; height: 18px; float: left; } /* Schriftdefinitionen */ h1 { text-align: left; color: #0c5d30; font-family: verdana; font-size: 20px; font-weight: bold; } h3 { text-align: center; color: #000; font-family: verdana; font-size: 14px; font-weight: bold; } a.menu_1 { background-image: url(bilder/navi.jpg); width: 99px; height: 23px; float: left; text-align: center; text-decoration: none; color: #fff; font-family: verdana; font-size: 12px; font-weight: bold; padding-top: 8px; } a.menu_1:hover, a.selected_1, a.selected_1:hover { background-image: url(bilder/navi_hover.jpg); width: 99px; height: 23px; float: left; text-align: center; text-decoration: none; color: #000; font-family: verdana; font-size: 12px; font-weight: bold; padding-top: 8px; } a.menu_2 { background-image: url(bilder/navi.jpg); width: 100px; height: 23px; float: left; text-align: center; text-decoration: none; color: #fff; font-family: verdana; font-size: 12px; font-weight: bold; padding-top: 8px; } a.menu_2:hover, a.selected_2, a.selected_2:hover { background-image: url(bilder/navi_hover.jpg); width: 100px; height: 23px; float: left; text-align: center; text-decoration: none; color: #000; font-family: verdana; font-size: 12px; font-weight: bold; padding-top: 8px; } a.subnavi { background-color: #fff; width: 189px; height: 19px; text-align: left; text-decoration: none; color: #000; font-family: verdana; font-size: 12px; font-weight: bold; float: left; padding-top: 3px; padding-left: 9px; border-bottom-style: dashed; border-color: black; border-bottom-width: 1px; } a.subnavi:hover, a.sub_selected, a.sub_selected:hover { background-color: #0c5d30; width: 189px; height: 19px; text-align: left; text-decoration: none; color: #fff; font-family: verdana; font-size: 12px; font-weight: bold; float: left; padding-top: 3px; padding-left: 9px; border-bottom-style: dashed; border-color: black; border-bottom-width: 1px; } p.box { color: #fff; font-family: verdana; font-size: 13px; font-weight: bold; padding-top: 4px; padding-left: 26px; } p.inhalt { text-align: justify; color: #000; font-family: verdana; font-size: 12px; padding-top: 7px; } #footer p { color: #fff; font-family: verdana; font-size: 12px; padding-top: 7px; font-weight: bold; float: left; margin-left: 330px; display: inline; } a.navi_unten { text-decoration: underline; color: #fff; font-family: verdana; font-size: 12px; } p.login_1 { color: #000; font-family: verdana; font-size: 12px; padding-top: 2px; padding-left: 7px; } p.login_2 { color: #000; font-family: verdana; font-size: 12px; font-weight: bold; padding-top: 2px; padding-left: 7px; } MfG xenon |
Sponsored Links |
|
||||
Die Lösung für beides findest Du in den FAQ im CSS-Forum, unter Punkt 2.
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tabelle wird nur im Firefox richtig angezeigt und weitere Probleme | Aiyana | (X)HTML | 16 | 29.12.2010 01:10 |
Flashfilm mit XHTML wird im Mozilla Firefox nicht angezeigt | Boof | (X)HTML | 0 | 24.11.2009 16:33 |
Seite wird im Firefox nicht richtig angezeigt | donnar | CSS | 1 | 27.11.2008 22:52 |
Anfänger -> CSS wird bei Firefox 100% angezeigt aber beim IE nicht | mscheller | CSS | 14 | 08.01.2008 12:43 |
text-decoration: none; wird nur im Firefox angezeigt und seltsames verschieben | ViktorR | CSS | 8 | 25.12.2006 14:23 |