Text positionieren

[Heizung11]

Habe damals für meine Oma eine Homepage angefangen zu basteln.
Nun hat sie mich nochmals gefragt ob ich ihr eine machen kann weil die alte gelöscht wurde oder so.
Nun habe ich den alten Kram mal rausgewühlt (habe seit 8-9 Monaten nichts mehr mit html/css zutun gehabt ) und kriege den Text nicht ordentlich positioniert.
Der Text soll auf die gleiche höhe wie die navigation. was muss ich da jetzt umschreiben bei "#inhalt"?

[Heizung11]

sry adresse vergessen .. : http://kroeger.bplaced.net/Neuer%20Ordner/
und wieso kann man die homepage im internet explorer nicht angucken? im ie ist das nur müll -.-

[sejuma]

Verzichte darauf, Abstände mit p und br zu produzieren.
Verwende dazu besser margin- und padding-Werte.

Verzichte ebenso, die Navi absolut zu positionieren, sondern gib ihr ein float: left und ggf. einen margin-top-Wert.

Dem Inhalt gib dann einen margin-left-Wert, welcher der Navi-Breite entspricht (ggf. geringfügig mehr).

Ein ähnliches Layout findest du hier: http://www.ohne-css.gehts-gar.net/0077.php

[Azra]

Du musst in HTML(4.01) übrigens keine alleinstehenden Tags schließen.

Code: Alles auswählen

<link rel="stylesheet" href="css.css" type="text/css" />


Der "slash" am Ende dieses Tags ist unnötig, bzw. nur in XHTML nötig. Das selbe gilt für Elemente wie <meta>, <img>, <br>, usw.

[Heizung11]

Danke für die antworten aber wie es richtig ist weiß ich nicht habe es nur so in der Schule gelernt und der Validator (oder wie das ding heißt) zeigt mir keine probleme

wollte eigentlich nur wissen wie ich den text ein stück höher kriege da

margin-top: 0px;

ja schon ist aber

margin-top: -30px;

geht ja nicht

[sejuma]

Du kannst durchaus auch negative margin-Werte verwenden.

Dennoch empfehle ich, die von Azra und mir genannten Anregungen zunächst umzusetzen.

[Heizung11]

K, ich werds versuchen falls ich nochmal was "coden" sollte.
aber seitwann geht bei margin -30px?! bei mir im ordner aus der schule steht das negative werte nicht gehen -.-
naja trotzdem danke

[sejuma]

Negativwerte sind zulässig.
Dann steht in deinem Schulordner was falsches - oder der Lehrer wollte damit solche Abstandserfindungen wie bei dir mit p und br vermeiden

[Executor]

weiß nich obs noch relevant ist, dem quellcode der seite nach anscheinend aber schon

ich denke, diese beiden links können dir weiterhelfen:

http://www.css4you.de/wsboxmodell/index.html

http://www.css-technik.de/css-examples/219_9/

wenn du das drauf hast, hast du viel gewonnen. was layouts angeht, ist das wohl das alpha und das omega ist auch nicht wirklich schwer zu verstehen, zumal du ja schonmal mit css zu tun hattest.

liebe grüße,
Ole