|
|||
problem mit margin:auto
Hallo.
Ich schilder mein Problem in der Hinsicht, das ich eine Website bauen möchte,die eine Fanwebsite werden soll. Design ist schon gebaut. Das Problem was nach erstellen der Internetseite auftritt. ich poste den code, mit dem jemand, der mir helfen kann, den fehler vielleicht sehen kann. HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <style type="text/css"> body { background-image:url(Bilder/hintergrund.png); width:130px; height:768px; } div.main { margin:auto; width:770px; height:722px; border:1px solid #000000; } div#head { border:1px solid #000000; background-image:url(Bilder/header.png); width:770px; height:200px; } div#navigation_oben { width:770px; height:20px; font-size:14pt; border:1px solid #000000; background-image:url(Bilder/menue.png); } } div#navigation_oben a:link { color:black; } div#navigation_oben a:visited { color:blue; } div#navigation_oben a:hover { color:white; text-decoration:underline; border:1px solid #000000; } div#navigation_oben li { list-style-type:none; display:inline; } div#content { background-image:url(Bilder/content.png); width:770px; height:400px; } #footer { width:770px; height:98px; background-image:url(Bilder/footer.png); } </style> </head> <body> <div class="main"> <div id="head"> </div> <div id="navigation_oben"> <ul> <li><a href="#">Startseite</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Gaestebuch</a></li> <li><a href="#">Community</a></li> <li><a href="#">Pictures</a></li> <li><a href="#">News</a></li> <li><a href="#">Impressum</a><li> </ul> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> </html> |
Sponsored Links |
|
|||
Hallo,
Zitat:
Allgemein kann man sagen, dass dieser Quelltext nicht grade valid ist. Im Head-Bereich fehlen Angaben. Du solltest den CSS-Code in eine eigene Datei auslagern. Außerdem sollte man den Titel der Seite im Head definieren. Ich verstehe zwar noch nicht dein Problem, aber im CSS-Code (in Zeile 34) ist eine geschweifte Klammer zu viel. Außerdem hast du vergessen in der Navigation das 'li' zu schließen. Und das xmlns-Attribut fehlt. XHTML (1.0 Strict), verbessert: HTML-Code:
<!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="de"> <!-- Start der HTML Datei, Deutsch als XML-Inhaltssprache setzen, en für Englisch --> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <!-- UTF-8 als Zeichenkodierung setzen --> <meta http-equiv="content-language" content="de" /> <!-- Deutsch als Inhaltssprache setzen, en für Englisch --> <meta name="description" content="" /> <!-- Beschreibung der Startseite, nicht notwendig --> <meta name="keywords" content="" /> <!-- Stichwörter die diese Seite beschreiben, nicht notwendig --> <meta name="author" content="" /> <!-- Autor der Seite, nicht notwendig --> <meta name="copyright" content="" /> <!-- Copyright, nicht notwendig - --> <meta name="robots" content="" /> <!-- Suchmaschienen wie z.B. Google dürfen dieser Seite folgen. Falls diese Verhalten nicht erwünscht ist, bitte das Attribut content auf noindex setzen, nicht notwendig --> <link rel="shortcut icon" type="image/x-icon" href="http://xhtmlforum.de/images/fav/favicon.ico" /> <!-- Definiert das Icon oben in der Titelleiste --> <link rel="stylesheet" type="text/css" href="css/css.css" media="all" charset="utf-8" /> <!-- Bindet die entsprechende Stylesheetdatei (Gestaltungsdatei) ein und setzt den zu verwendeten Zeichensatz auf UTF-8 --> <title>Titel der Seite</title> <!-- Titel der Website (abhängig von der jeweiligen Seite). Wird als Überschrift bei Suchmaschienen benutzt --> </head> <body> <div class="main"> <!-- Wrapper - Mantel - normalerweise id --> <div id="head"> <!-- Inhalt fehlt, beabsichtlich? --> </div> <div id="navigation_oben"> <!-- eigentlich unnötig, da ul id gegeben werden kann --> <ul> <li><a href="#">Startseite</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Gaestebuch</a></li> <li><a href="#">Community</a></li> <li><a href="#">Pictures</a></li> <li><a href="#">News</a></li> <li><a href="#">Impressum</a></li> </ul> </div> <div id="content"> <!-- Inhalt fehlt, beabsichtlich? --> </div> <div id="footer"> <!-- Inhalt fehlt, beabsichtlich? --> </div> </div> </body> </html> Code:
body { background-image: url(Bilder/hintergrund.png); width: 130px; height: 768px; } div.main { margin: auto; width: 770px; height: 722px; border: 1px solid #000000; } div#head { border: 1px solid #000000; background-image: url(Bilder/header.png); width: 770px; height: 200px; } div#navigation_oben { width: 770px; height: 20px; font-size: 14pt; /* Sollte nicht in pt angegeben werden */ border:1px solid #000000; background-image: url(Bilder/menue.png); } div#navigation_oben a:link { color: black; } div#navigation_oben a:visited { color: blue; } div#navigation_oben a:hover { color: white; /* Weiß auf Weiß= */ text-decoration: underline; /* Wofür Rahmen und Unterstreichung?, evtl. border-bottom: 1px solid #000; */ border: 1px solid #000000; /* Wofür Rahmen und Unterstreichung?, evtl. border-bottom: 1px solid #000; */ } div#navigation_oben li { list-style-type: none; display: inline; } div#content { background-image: url(Bilder/content.png); width: 770px; height: 400px; } #footer { width: 770px; height: 98px; background-image: url(Bilder/footer.png); } Geändert von test_nick (23.06.2011 um 00:22 Uhr) |
Sponsored Links |
|
||||
ergänzend noch ein Link warum man XHTML 1.1 nicht hernehmen sollte.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Zitat:
Nachdem die Entwicklung von XHTML 2.0 sinnigerweise abgebrochen wurde, hat sich die betroffene WG endlich Zeit nehmen können, ein paar Fehler zu korrigieren, die seit Entstehen der Spezifikation vor etwa Zehn Jahren bestanden:
Aus sicht der Spezifikationen ist also der einzige tatsächliche Unterschied zwischen XHTML 1.0 und 1.1 jener, dass in XHTML 1.1 das Ruby-Modul enthalten ist. Das Thema Ruby Annotations ist aber nochmal eine Geschichte für sich... IE hat eine Teilmenge vo Ruby schon seit (ich bin mir nicht sicher, denke aber ab) Version 5 unterstützt - in HTML. Diese Teilmenge ist auch in HTML5 enthalten, worauf in WebKit diese Teile ebenfalls implementiert wurden. Beide Engines unterstützen jedoch nicht das wesenlich komplexere CSS Modul Ruby. Mozilla arbeitet momentan an einer CSS-Ruby-Implementierung, kritisiert das CSS-Modul (und das XHTML-Modul) aber wegen zu hoher Komplexität, unintuitiver Handhabung sowie schlechter Spezifizierung (die Implementierung erfolgt nur mit -moz-Präfix, die Spezifikation wurde von Recommendation auf Working Draft zurückgestuft). Vermutlich wird Ruby also in Zukunft nochmal gehörig überarbeitet. Aus diesem Grund ist es eher sinnvoll, sich wegen Ruby an HTML zu wenden als an XHTML. Obwohl natürlich Features in HTML auch in XHTML zur Verfügung stehen. Ein Implementierung von XHTML-MOD-Ruby gibts derzeit nicht. Ich komme also wieder zum Anfang und schließe daraus, dass XHTML 1.1 eine überflüssige Spezifikation ist. Sie ist deckungsgleich mit XHTML 1.0 Strict.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Text neben Navigationsleiste | andi01 | CSS | 6 | 08.06.2011 16:54 |
listenmenu im ie6 | albi84 | CSS | 4 | 20.10.2010 21:50 |
Problem mir CSS! | Schniddchen | CSS | 3 | 19.11.2007 21:36 |
Design zu CSS/HTML verarbeiten - Problem häufen sich. | Grafikamateur | CSS | 2 | 06.08.2007 09:57 |
margin:auto; - Problem | Tharya | CSS | 8 | 22.02.2007 11:30 |