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

Problem mit Firefox!?!

R

roadrunner

Neues Mitglied
Hallo Zusammen ich bin ein blutjunger anfänger und habe mal versucht bisschen an einer eigenen Homepage zu arbeiten. Wenn ich die Seite mit Internet explorer öffne sieht sie genau so aus wie ich es wollte. Aber mit Firefox steht das Bild an der falschen stelle.

Hier mal HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<br />
<br />
<br />
<p align="center"><font size="5" color="#FFFFFF">Diese Webpräsenz befindet sich noch im Aufbau.</font></p>
<BODY BGCOLOR="#07070B"
<div style="position:absolute;left">
<img src="bilder/imaufbau.jpg" alt="" border="0" style="position:absolute;left:0;bottom:0">
</BODY>
</HTML>

Was ist falsch??

Danke schonmal im vorraus!
 
Was ist falsch??
Zum Vergrößern anklicken....

So ziemlich alles.

Zunächst solltest du einen qualifizierten Doctype verwenden wie z.B. diesen:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Dann wird das Grundgerüst eines HTML-dokuments nicht beachtet: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

Innerhalb von Head dürfen keine HTML-Elemente stehen.
Der head muss also erst geschlossen werden, dann wird der body geöffnet und erst dann kommt der eigentliche Inhalt.

Abstände bewirkt man nicht mit "<br />", sondern mit margin-Werten.

Absolute Positionierungen sind generell nicht erforderlich und verursachen meist nur Probleme.

Ebenso trennt man heute Inhalt und Layout. Alles, was mit Formatierung und Positionierung zu tun hat, solltest du per CSS definieren.

Soryy, das war ziemlich hart für den Anfang, aber aller Anfang ist schwer.
Beschäftige dich zunächst grundlegend mit HTML und CSS, dann klappt das auch irgendwann. Es ist noch kein Meister vom Himmel gefallen.
 
Also erstmal benutzt du einen HTML Doctype, aber XHTML Tags.
Alleinstehende Tags bekommen nur in XHTML ein / vor dem >.

Desweiteren ist position:absolute;left nicht valide.

Wenn du es unbedinkt links oben absolut positioniert haben willst:
position:absolute;
margin:0px;
left:0px;

allerdings ist absolutes Links positionieren nicht gerade sinnig, setze es einfach als erstes in den Code ein und es geht automatsich dort hin.

Das Element font ist wie auch alle HTML Attribute zum Aussehen verändern, sind veraltet und sinnlos, mache lieber bei deinem <p> im style color:white;

MfG
 
Danke euch beiden schonmal. Und ich war sooo stolz das es schon einigermaßen funktioniert. Aber man merkt ich muss noch viel lernen.
Ich setze jetzt erstmal um was ihr geschrieben habt. Werde mich bestimmt nochmal melden :?
Danke!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben