Abstand des ersten Elements zum oberen Browserrand

[martin]

Hallo!
Ich hab vor kurzem hier schon nach Hilfe gesucht, leider aber keine richtige Lösung gefunden;
Es geht um unterschiedliche Darstellung in IE und Firefox, speziell um den Abstand des ersten html-Elements nach oben zum Browserrand hin.
Nun habe ich gehört, dass es so etwas wie einen Body-Rand gibt der evtl. browserspezifisch ist und daher schwanken kann -
Ist das der Fall? Und wenn ja, lässt sich dieser per CSS kontrollieren?

MfG martin

[Ashura]

Hallo martin.

Ich hab vor kurzem hier schon nach Hilfe gesucht, leider aber keine richtige Lösung gefunden;

Bist du das?

Nun habe ich gehört, dass es so etwas wie einen Body-Rand gibt der evtl. browserspezifisch ist und daher schwanken kann -
Ist das der Fall? Und wenn ja, lässt sich dieser per CSS kontrollieren?

Ja. Du musst nur margin und padding selbst für alle betroffenen Elemente festlegen.

Einen schönen Sonntag noch.

Gruß, Ashura

[martin]

Hm, aber das habe ich doch ...
Es ist mir wirklich ein Rätsel:
Davor hatte ich die eher unschöne Lösung die darin bestand ein Pseudoelement zwischen oberer Browsergrenze und erstem Element zu setzen:
<div class="text1">&nbsp;</div>
wobei text1 mit 6pt definiert war.

Dann dachte ich, dass lässt sich auch konformer lösen durch eine margin-top Angabe:
Erstes Element auf der html seite:
<center>
<div class="grafik"><img src="banner1.jpg" alt="Banner" width="881px"></div>
</center>

grafik definiert als:
     .grafik {
           border-color:#000000;
           border-style:solid;
           border-width:1px;
           width:881px;
           padding:2px;
           margin-top:0px;
      }

Wenn ich nun allerdings den Abstand so anpasse, dass er mit den 6pt übereinstimmt im IE, macht Firefox einen viel kleineren Abstand und umgekehrt ...
Suche dringend Hilfe! ;)
MfG

[Ashura]

Hallo martin.

Davor hatte ich die eher unschöne Lösung die darin bestand ein Pseudoelement zwischen oberer Browsergrenze und erstem Element zu setzen:
<div class="text1">&nbsp;</div>
wobei text1 mit 6pt definiert war.

Das ist ein Element. Pseudoelemente sind etwas Anderes.

Dann dachte ich, dass lässt sich auch konformer lösen durch eine margin-top Angabe:
Erstes Element auf der html seite:
<center>
<div class="grafik"><img src="banner1.jpg" alt="Banner" width="881px"></div>
</center>

Bitte verzichte auf das hoffnungslos veraltete center-Element und nutze durchgängig CSS.
Das div benötigst du hoffentlich nur, weil Inline-Elemente nicht direkt im body-Element stehen dürfen, oder?

Wenn ich nun allerdings den Abstand so anpasse, dass er mit den 6pt übereinstimmt im IE, macht Firefox einen viel kleineren Abstand und umgekehrt ...

Die Maßeinheit pt ist denkbar ungeeignet, wenn du nicht gerade ein CSS für Drucklayout erstellst. Es gibt Bessere.

Stelle entweder ein auf relevanten Inhalt reduziertes Dokument online (bevorzugt), oder poste den _kompletten_ Code hier (wenn es nicht anders geht).
Einzelne Bruchstücke sind wenig aussagekräftig.

Einen schönen Sonntag noch.

Gruß, Ashura

[MudGuard]

Hi,

Bist du das?

Nein, er ist https://forum.selfhtml.org/?t=111947&m=706216

cu,
Andreas