|
|||
Hilfe, Hilfe Layout zerschossen
Hallo,
ich habe fertige Seiten gehabt, lief super, auf den wichtigen Browsern, habe hier schon mal dazu geschrieben. Jetzt habe ich in der CSS-Datei in der List ein bild eingebaut und habe meta texte angelegt und gedownloaded. Jetzt sehen die Seiten im IE- PC, beschissen aus, ich weiß nicht was passiert ist. Bitte helft mir. Gruß floody Hier die Domain: http://www.floodline.de/germania Die Codes: CSS: body { background: #033 url(bilder/efeu.gif) no-repeat fixed center top } #head { margin: 0px auto auto; border-right: 3px solid silver; border-left: 3px solid silver; width: 702px; height: 200px } h1 { color: gray; font-weight: normal; font-size: 28px; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 0 } h2 { color: #696969; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; letter-spacing: 1px; margin: 20px 0 5px; padding: 0; } h3 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 5px; padding: 0; } h4 { color: #3e6231; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } h5 { color: #3e6231; font-weight: bold; font-size: 16px; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 5px 7px; padding: 0 } a:link { color: #498634; text-decoration: none } a:visited { color: #498634 } a:hover { color: #498634; text-decoration: underline } a:active { color: #498634; text-decoration: none } img a { border-bottom-style: none; } .clear { height: 0; visibility: hidden; clear: both; margin: 0 0 0; padding: 0; display: block; } div.clearer {clear: left; line-height: 0; height: 0;} #mainnavi { font-weight: bold; font-family: Verdana, arial, helvetica, sans-serif; background-color: #3e6231; margin: 0px auto; border-top: 1px solid white; border-right: 3px solid silver; border-left: 3px solid silver; width: 702px; height: 19px } #mainnavi ul { font-weight: bold; margin: 0px; padding: 0px } #mainnavi ul li { padding: 0; display: inline } #mainnavi ul li a:link, #mainnavi a:visited { color: white; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #3e6231; float: left; margin: 0px; padding: 3px 15px 2px; border-right: 1px solid #fff } #mainnavi ul li a:hover { color: #fff; background-color: #498634 } #mainnavi ul li a#mainnaviactive { background-color: #498634 } #spalte { color: #696969; font-size: 12px; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-right: 0; margin-left: 200px; padding: 0px 30px 0 0 } #content { color: black; font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; margin: 0px auto; padding: 25px 15px; border-right: 3px solid silver; border-bottom: 3px solid silver; border-left: 3px solid silver; width: 672px } #left { float: left; margin: 0; padding: 5px 0 0 15px; width: 150px } #links { background: url(bilder/blume.jpg) no-repeat fixed right top; float: left; width: 200px } #rechts { background-repeat: no-repeat; float: right; width: 200px } #subnavi { margin: 0; padding: 2px 0 0; border-top: 1px solid #498634; border-bottom: 1px solid #498634 } #subnavi ul { margin: 0; padding: 0; } #subnavi ul li { color: #59a43f; font-weight: bold; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; margin: 0 0 10px; padding: 0 } #subnavi ul li a { color: gray; font-weight: bold; text-decoration: none; margin: 0; padding: 0 } #subnavi ul li a:hover, #subnavi ul li#active a { color: #59a43f; font-weight: bold; text-decoration: none } #subnavi ul ul { margin: 0 0 0 20px; padding: 0 0 10px; } #subnavi ul ul li { color: gray; font-weight: bold; font-size: 11px; line-height: 12px; background-repeat: no-repeat; text-transform: none; letter-spacing: normal; list-style: url(bilder/listbullet.gif) ; margin: 0 0 5px; padding: 0; border: none } #subnavi ul ul li a { color: gray; font-weight: bold; text-transform: none; letter-spacing: normal; margin: 0; padding: 0; border-bottom-style: none } #subnavi ul ul li a:hover, #subnavi ul ul li#subactive a { color: #59a43f; font-weight: bold; text-decoration: none } .listviewhome { font-family: Verdana, Arial, Helvetica, sans-serif; background: repeat-x 0 0; text-align: left; margin: 0 0 15px; padding: 0 0 5px; border: solid 1px #498634 } .listviewhome h1 { color: #498634; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(bilder/bg_listview_title.gif) repeat-x 0 0; text-transform: uppercase; margin: 0 0 10px; padding: 5px 8px; border-bottom: 1px solid #498634 } .listviewhome h2 { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 17px; text-transform: none; letter-spacing: normal; margin: 0; padding: 0 8px 0; } .listviewhome p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; margin: 0; padding: 0 8px 4px; } p.datum {color: #b4b4b4;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin: 0;padding: 0 0 2px 8px;display:block;} .textanlauf { margin: 0 0 10px; padding: 0 } .listview { font-family: Verdana, Arial, Helvetica, sans-serif; background: repeat-x 0 0; margin: 0 0 10px; padding: 0 0 4px; border: solid 1px #e4e4e4 } .bildrechts { float: right; margin: 4px 0 4px 10px; } .bildlinks { margin: 4px 10px 5px 0; float: left; } img.photomini { padding: 0 2px } #homeleft { float: left; margin-left: 0px; padding-right: 15px; padding-left: 0px; width: 165px } #homecenter { float: left; margin-right: 15px; width: 300px } #homeright { float: left; width: 172px } #footer { color: #569e3d; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; clear: both; margin: 10px auto 0px; padding-top: 15px; padding-bottom: 25px; width: 702px } #footer a:link, #footer a:visited { color: silver; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none } #footer a:hover { color: #569e3d; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none } HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Kleingarten Germania e.V.</title> <meta name="description" content="Kleingartenanlage Germania e.V. Koburger Weg 19, 48159 Münster" /> <meta name="keywords" content="Kleingarten, kleiner Garten, Schrebergarten, " /> <meta name="author" content="Russell Flood, Münster; flood@muenster.de" /> <meta name="publisher" content="Russell Flood, digitaleproduktion, MŸnster, Germany" /> <meta name="copyright" content="© 2005 Russell Flood" /> <meta name="robots" content="all" /> <meta name="revisit-after" content="28 days" /> <meta http-equiv="expires" content="0" /> <link href="media.css" rel="stylesheet" media="screen"> </head> <body bgcolor="#ebebeb" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <div id="head"> [img]bilder/kopf.jpg[/img]</div> <div id="mainnavi"><ul>[*]Startseite[*]Der Verein[*]Vorstand[*]Vereinshaus[*]Galerie[*]Impressum[*]Service[/list]</div> <a id="Content" name="Content"></a> <div id="content"> <div id="homeleft"> <div class="listviewhome"> <h1>Aktuelles</h1> <p class="datum">18.11.2005 </p> <h2>Hauptversammlung</h2> Unsere Jahreshauptversammlung findet am 8.3.2006, um 11.30 Uhr statt. </p> Artikel lesen</p> </div> <div class="listviewhome"> <h1>Fotogalerie</h1> [img]bilder/fahrradtour.jpg[/img] Die Fahrradtour 2005 war ein voller Erfolg</p> </div> </div> <div id="homecenter"> <div class="listviewhome"> <h1>Homepage</h1> <div class="listvieweintrag"> <h5>Herzlich willkommen beim Kleingartenverein Germania e.V. </h5> <h2>Wir wünschen Ihnen viel Vergnügen auf unserer Homepage! </h2> </p> </div> </div> </div> <div id="homeright"> <div class="listviewhome"> <h1>Themen</h1> <div class="listvieweintrag"> <p class="datum">18.11.2005</p> <h2>Der Garten im Winter</h2> Was ist jetzt zu tun. </p> Artikel lesen</p> </div> <div class="listvieweintrag"> <p class="datum">16.11.2005 </p> <h2>Obstbaumschnitt</h2> Im März findet wieder der Obstbaumschnitt in theorie und praxis statt. </p> Artikel lesen</p> </div> </div> </div> <div class="clearer"></div> </div> <div id="footer"> © Russell Flood |XHTML|CSS | Impressum </div> </body> </html> |
Sponsored Links |
|
|||
Hallo ich bins noch mal, habe den Fehler gefunden.
Ich hatte aus einem anderen Projekt den Head teil kopiert, wegen den Metatags, das habe ich aber mit Webedition gemacht, das stand oben in der Seite, der IE konnte nichts damit anfangen, dem Firefox war das wohl egal. Man muss doch ganz schön aufpassen. Gruß floody |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
bitte um Hilfe zu flexiblem layout | thorpi | CSS | 7 | 03.09.2010 15:39 |
Layout zerschossen im Safari | berndw | CSS | 1 | 17.11.2006 11:56 |
Brauche Hilfe - Suchmaschinen optimierung, Layout | psq | Site- und Layoutcheck | 2 | 18.10.2006 17:20 |
Hilfe, warum springt mein Layout?? | zebra21 | CSS | 4 | 18.10.2004 11:13 |
Hilfe! Layout klappt nicht! | Namorodo | CSS | 1 | 15.03.2004 21:57 |