Hilfe bei Formatierungen mit HTML und CSS

[Thomas]

Also ich habe bei meiner Homepage ein neues Design gemacht.
Das ganze habe ich auf Firefox optimiert.
Bei Internet explorer 6.0 Funktioniert es gar nicht.

Problem:
Ich habe die Position von Div - Elementen gesetzt:
<div style="position:absolute; top:50px; left:50px; right:50px; background-color:red;">
AAAAAAA
</div>

Anzeige bei Firefox:
Ein Textfeld von 50px linker Rand bis 50px rechter Rand
und 50px oben

Anzeige Bei Internetexplorer:
Das Textfeld wird nur so groß wie das AAAAAA dargestellt
bei 50px links und 50px oben.

Wie kann ich das machen das es beim Internet Explorer so aussieht wie bei Firefox?

[TomIRL]

moin
width= und height= definieren?
http://de.selfhtml.org/css/eigenschaften/positionierung.htm
TomIRL

[thomas]

ja schon klar
hab auch selfHTML durchgearbeitet. Aber vielleicht hab ich nicht genau beschrieben was ich will:

mit div ein Textfeld erzeugen das 50px von links 50px von oben und so breit ist das es bis 50px rechts breit ist.

für MSIE 6.0

[Elya]

Hallo thomas,

mit div ein Textfeld erzeugen das 50px von links 50px von oben und so breit ist das es bis 50px rechts breit ist.

Muß es absolut positioniert sein? Wenn nein, reicht auch einfach eine Angabe zu margin.

Gruß aus Köln-Ehrenfeld,

Elya

[TomIRL]

Moin,

Ne kleine Ergänzung ohne Dir die Lösung auf dem Tablett zu servieren:
http://de.selfhtml.org/css/formate/box_modell.htm
Denke bitte über 2 Dinge nach:
1. Positionierung relative
2. margin-right

TomIRL

[Ashura]

Hallo Thomas.

Also ich habe bei meiner Homepage ein neues Design gemacht.
Das ganze habe ich auf Firefox optimiert.

Auf einen bestimmten Browser zu optimieren ist grundsätzlich problematisch.

Problem:
Ich habe die Position von Div - Elementen gesetzt:
<div style="[code lang=css]position:absolute; top:50px; left:50px; right:50px; background-color:red;">
AAAAAAA
</div>[/code]

Ist die absolute Positionierung wirklich erforderlich?

Anzeige bei Firefox:
Ein Textfeld von 50px linker Rand bis 50px rechter Rand
und 50px oben

Ich kann in deinem Code kein Textfeld (input? textarea?) erkennen.

Anzeige Bei Internetexplorer:
Das Textfeld wird nur so groß wie das AAAAAA dargestellt
bei 50px links und 50px oben.

Wie kann ich das machen das es beim Internet Explorer so aussieht wie bei Firefox?

Verändere deine pixelgenauen Positionsangaben zu Prozentwerten, womit du eine 100% - XX% (links) - XX% (rechts) Angabe zur Breite machen kannst, welche der IE unbedingt benötigt.

Einen schönen Donnerstag noch.

Gruß, Ashura