zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe, Hilfe Layout zerschossen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.01.2006, 16:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2006
Beiträge: 10
floody befindet sich auf einem aufstrebenden Ast
Standard 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="&copy; 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&uuml;nschen Ihnen viel Vergn&uuml;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&auml;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">
&copy; Russell Flood |XHTML|CSS | Impressum </div>

</body>

</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.01.2006, 16:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2006
Beiträge: 10
floody befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.01.2006, 16:46
Benutzer
neuer user
 
Registriert seit: 10.03.2005
Beiträge: 30
inDigo befindet sich auf einem aufstrebenden Ast
Standard

ich weiß, daß dir das _jetzt_ nicht viel hilft, aber:
sicherheitskopien ... sicherheitskopien ... sicherheitskopien ...

inDigo.
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
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


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