• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Divs und absolute werte..

Status
Für weitere Antworten geschlossen.
J

JustLemon

Neues Mitglied
-UP- Sorry, der Link war falsch gesetzt!!

Hallo Leute!

ich hab da mal nen frage
da ich relativer neuling in sachen html bin, bitte ich um Verständnis wenn ich nicht immer alles direkt treffend fomulier.

Redaktionsbüro Ahlemeyer

Ich experimentiere gerade mit Divs.
Auch die Textelemente habe ich mit divs positioniert.

Betrachtet man die Seite im Firefox, sitzen navigation und impressum
an den richtigen stellen.
Schaut man sich diese im Explorer an so schiebt er die elemente weiter nach oben ich mit absoluten werten gearbeitet hab.

Weiß jemand wie das sein kann?!
 
Zuletzt bearbeitet:
Hi,

wenn du absolut positionierst braucht das umgebende Element (body) position:relative; soweit ich weiß.

Du solltest aber erstmal die Fehler raushauen:unzulässiges <html> und <head>.

Alles absolut positionieren ist nicht gerade das "Gelbe vom Ei" und die obere navi in eine Grafik zu packen, den Sinn dessen verstehe ich auch nicht so ganz.

Vielleicht solltest du dich mit dem Boxmodell inkl. float/clear vertraut machen, ist zwar Lernarbeit bringt dich aber viel weiter.;-)
 
Hallo, danke für Deine Antwort!

da es sich heirbei um ein lernprojekt handelt
habe ich mich um den unzulässigen headteil noch gar nicht gekümmert.
wird aber wenn das Projekt gefinished wird erledigt.

Warum sollte man die navi nicht über die grafik legen?!
Bitte um Aufklärung. Beinflusst das die technische funktion?!
man kann sie noch nicht anwählen weil ich noch keinen z-index angegeben hab.

Was meinst Du mit
"das umgebende Element (body) position:relative; soweit ich weiß."
Behebt das den fehler das die elemente in diversen Browsern höher oder teifer gesetzt werden?!

Ich hoffe ich konnt mich verständlich ausdrücken... :wink:
 
Ich habe mir die Seite nicht so genau angesehen.
Du gibst deine Positionierungen in cm an. Das kann nicht Browserübergreifend funktionieren.
cm sind für Papier geeignet aber nicht für html-Dokumente.
Verwende px, % oder em.
Dann sehen wir weiter.

Css-Einsteiger klammern sich gerne an absolute Positionierungen.
Auf den ersten Blick sieht das einfach aus und man sieht schnell ein schönes Ergebnis.
Wie koslowski bereits angedeutet hat, ist das aber nicht so einfach wie es anfangs scheint.
Spätestens wenn du die Schriftgröße im Browser zum ersten mal veränderst, rächt sich dieser schnelle Erfolg.
Es gibt sicher Ausnahmen aber dafür braucht man etwas Erfahrung.
Es geht bei css-Layouts eigentlich kein Weg am float-model vorbei.

Was die Grafik angeht:
Bilder die keinen Inhalt vermitteln, gehören einfach nicht in den html-Quelltext.
Die kann man durch background-image einfügen.
 
Zuletzt bearbeitet:
Hi,

neuroleptikas Beitrag hierzu kann ich nur nochmal unterstreichen.8)

Zitat von JustLemon:
da es sich heirbei um ein lernprojekt handelt
Zum Vergrößern anklicken....

absolute Positionierungen als Lernprojekt, absolute und relative Masseinheiten bunt gemischt, CSS-Anweisungen im Markup und im head.
Das spricht nicht unbedingt für die didaktischen und technischen Fähigkeiten des Lehrers, wenn ich das mal so hart ausdrücken darf.

Zitat von Justlemon:
Was meinst Du mit
"das umgebende Element (body) position:relative; soweit ich weiß."
Zum Vergrößern anklicken....

absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat.

position:static ist die default-Einstellung und braucht deshalb nicht angegeben werden.
Das Elternelement ist natürlich body.

Weißt du überhaupt was position:absolute/relative mit den Elementen machen?

Vielleicht solltest du dich erst einmal um die Basics kümmern damit du verstehst was du da machst.

Das Boxmodell mit float/clear ist am Anfang nicht leicht zu begreifen und es dauert auch eine Weile bis du es richtig draufhast.
Aber die Mühe lohnt sich.;-)

Meine persönliche Empfehlung (und die von vielen Webdesignern!):
Little Boxes 1 u. 2.

Man kann sich auch im Internet viele Erklärungen dazu zusammensuchen, aber dort ist es oft nicht gut erklärt oder als Nachschlagewerk (selfhtml) konzipiert.

koslowski
 
da gibts ja auch erstmal keinen Lehrer..
deswegen würd ich es eher als Autodidaktisch bezeichnen.
Und da macht man halt fehler. Vielen dank für eure Beiträge.

JustLemon
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben