Danke aber eig wollt ich gar keinen Footer xD
Wollte noch ein Rahmen um alles machen aber egal
Danke das ihr mir geholfen habt
p.s Woran lag es jetzt?
Text verschiebt sich
-
Ok, den Footer kannst Du ja problemlos löschen.
Zitatp.s Woran lag es jetzt?
Mit dem durchsichtigen Hintergrund? Das hatte ich oben schon beantwortet:Zitat#inhalt {background-color:#fff;}
fehlte. Ich hatte doch den wrapper gesetzt und sicher irgendwo doppelte Einträge gelöscht und halt einen zuviel, wer weiß? Oder meinst Du etwas anderes?
-
Ahh lustig, Moment bitte.
-
Zwischenfrage: Was soll das werden? Ein Liquid-Layout o.ä. Das mit dem margin`s am Header ist Quark. Entweder eine %Angabe oder feste Breite.
-
Also wenn Du Tags öffnest mußt Du sie auch wieder schließen (<p></p> und der Zeilenumbruch unter XHTML strict wird so <br /> geschrieben). Wenn Du "floatest" und der nächste container die Eigenschaft nicht erben soll, muß "gecleart" werden (clear:both für alles z.B. siehe: http://www.css4you.de/clear.html).
Und hier der Code (nicht optimiert da sich jedes mal die Breite und margin: 0 auto; wiederholt.
HTML
Alles anzeigen<!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" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Jugend</title> <!-- <link rel="stylesheet" type="text/css" href="stylesheet.css" />--> <style type="text/css"> <!-- * {margin:0px;padding:0;} body {background:url(grafik/hinten.png) left top;text-align:center;} #wrapper {width:1087px;margin: 0 auto;} #header {width:1087px;background: url(grafik/header.gif) no-repeat;height:200px;margin: 0 auto;} #navigation {width:1087px;background-image:url(grafik/navi.gif);height:20px;font-color:black;margin: 0 auto;} #navigation ul {list-style-type: none;} #navigation li {font-size: 18px;display: inline;line-height: 21px;} #navigation a {color: #000000;text-decoration: none;padding: 0 50px;float: left;} #navigation a:hover {background-image: url(grafik/hover.gif);text-decoration: none;background-position: 0 0;height:20px;} #inhalt {clear:both;width:1087px;background-color:white;margin: 0 auto;} h1{ padding:2em;} #inhalt p{ padding:1em; text-align:left;} --> </style> </head> <body id="startseite"> <div id="header"> </div> <div id="navigation"> <ul> <li><a href="index.html">Startseite</a></li> <li><a href="galerie.html">Galerie</a></li> <li><a href="news.html">News</a></li> </ul> </div> <div id="schatten"> </div> <div id="inhalt"> <h1>Hier die Überschrift</h1> <p> blalblablaqlbalblalbla <br /> blalblablaqlbalblalbla <br /> blalblablaqlbalblalbla <br /> blalblablaqlbalblalbla</p> </div> </body> </html>
...und hier als Datei mit zwei zusätzlichen Hintergrundkacheln. -
Sonst ist aber alles senkrecht, oder? Du bekommst eine Lösung, die dir nicht gefällt. OK, aber dann bemühe dich mal selber, das Problem zu lösen, anstatt hier "Ich will" zu schreiben.
-
Ich will mit margin haben dass sich alles eher in der mitte mit "leerem" Rand befindet
Es soll ja sein das Du möchtest das alles im "leeren" Raum steht. Es ist halt eine Frage der Umsetzung. Darüber was man erzielen möchte sollte man sich halt vorher im klaren sein. Mit einem Abstand nach obenCodebody {background:url(grafik/stripe2.png) repeat 0 0;text-align:center; padding-top:50px;}hast Du was Du möchtest.
-
Das Problem ist noch da. Also ich meinte wenn man die Seite "News" aufruft geht plötzlich ein Abstand auf und Textfeld und Navi verformen sich irgendwie
Upps, weil ich nur die index Seite bearbeitet habe. Wenn Du Deine css styles auf die news-Seite kopierst stimmt es wieder.:D
Mit einer zentralen css-Datei ist es aber eleganter
-
Upps, weil ich nur die index Seite bearbeitet habe. Wenn Du Deine css styles auf die news-Seite kopierst stimmt es wieder.:D
Mit einer zentralen css-Datei ist es aber eleganter
Irgendwie funkt das mit der css Datei bei mir nie.
Ich erstell eine Datei mit dem Kopf also Doctype... und dann mach ich im kopf bereich meine Styles rein speicher alles als .css und dann hab ichs verlinkt aber irgenwie kann ich die Datei löschen und nichts passiert
Wenn ich die datei dann noch habe und die Style-codes aus meiner Html lösch geht gar nichts mehr -
Na Du musst halt eine Datei mit der Endung .css (Texteditor - speichern unter - style.css - speichern)erzeugen, css Dateien hineinkopieren und anständig verlinken.
Und hier mit css-Datei
