Firefox interpretiert padding/margin nicht korrekt

[Waldfee_81]

Hallo Zusammen

Ich musste für mein Büro, die uralt Homepage welche noch mit Frontpage und Tabellen erstell wurde erneuern.
Nun habe ich das Problem dass der Firefox weder das padding noch das margin korrekt darstellt. Im Safari und im IE funktionierts.
Es geht um die Seite www.heydude.ch/Umland/html/index.html, die Tabs Freiraumplanung, Denkmalpflege und Projektierung/Wettbewerbe. Um die Dateien nicht zu gross aufzublasen, habe ich es mit einer einfachen Aufzählung versucht, keine einzelnen div. (Über das Design möchte ich nicht diskutieren, das wurde von der Geschäftsleitung festgelegt.)

<img alt="" height="48" src="http://www.psd-tutorials.de/forum/46_x-html-css/46_x-html-css/http../bilder/denkmalpflege/web/Entlisberg V2.jpg" width="130" style="margin-top:15px" />
<img alt="" height="67" src="http://www.psd-tutorials.de/forum/bilder/denkmalpflege/web/Bruderholz Gutachten.jpg" width="130" style="margin-top:15px" />
<img alt="" height="48" src="http://www.psd-tutorials.de/forum/bilder/denkmalpflege/web/Steigstrasse SH.jpg"width="130" style="margin-top:15px" />
<img alt="" height="32" src="http://www.psd-tutorials.de/forum/bilder/denkmalpflege/web/Bergstrasse.jpg" width="130" style="margin-top:15px" />
<img alt="" height="83" src="http://www.psd-tutorials.de/forum/bilder/denkmalpflege/web/badi.jpg" width="130" style="margin-top:15px" />
<br/>
<br/>
<p id="text3"><a class="speziell" href="index.html">HOME</a></p>
<br/>
</div>
<div id="kurzbeschrieb_projekte">
<p id="text5"style="padding-top:10px">
ENGLISCHE ANLAGEN, BERN<br/>
Gartendenkmalpflegerisches Gutachten, Restaurierung und<br/>
Neugestaltung, In Bearbeitung<br/>
</p>

<p id="text5"style="padding-top:14px">
PRIVATGARTEN, ZÜRICH<br/>
Gartendenkmalpflegerisches Gutachten, Restaurierung und <br/>
Neugestaltung, in Bearbeitung 
<a class="speziell" href="http://www.psd-tutorials.de/forum/pdf/11Privatgarten1323.pdf" target="_blank">pdf</a><br/>
</p>

dies ist nur ein Ausschnitt der ganzen Aufzählung wie ich die Bilder und die Texte eingefügt habe.
Was kann ich machen dass es in Safari, Firefox und IE funktioniert ? Habs auch mit Maring versucht, dann stellt es firefox korrekt dar, safari und IE nicht mehr.
Vielen Dank im Voraus für eure Hilfe

 

[Bertram_Heinrichs]

AW: Firefox interpretiert padding/margin nicht korrekt

Hast du das schon mal durchgelesen:

 

[patrick_l]

AW: Firefox interpretiert padding/margin nicht korrekt

Nun habe ich das Problem dass der Firefox weder das padding noch das margin korrekt darstellt. Im Safari und im IE funktionierts.

Wie wäre es, wenn du erst einmal ein ordentlich Grundgerüst deiner Website erstellst und die einzelnen Bereiche klar voneinander trennst. Auch Formatierung ausschließlich im CSS festhalten. Also die ganzen Styles in (d)ein externes Stylesheet packen.

Um die Dateien nicht zu gross aufzublasen, habe ich es mit einer einfachen Aufzählung versucht, keine einzelnen div.

Benutze sie. Es gibt sie ja nicht ohne Grund. Und aufblasen tun sie bei so einem schlichten Layout nun auch nicht. davon abgesehen sparst du dir viel Arbeit, wenn alles ordentlich strukturiert ist.

(Über das Design möchte ich nicht diskutieren, das wurde von der Geschäftsleitung festgelegt.)

Trotzdem erwähne das mich die Farben an Babybrei Geschmacksrichtung Spinat erinnern.

dies ist nur ein Ausschnitt der ganzen Aufzählung wie ich die Bilder und die Texte eingefügt habe.

Auch die Höhen und Breitenangaben deiner Bilder im CSS festhalten. Was deine Navigation angeht. Eine Navigation wird mit Hilfe einer unsortierten Liste erstellt.

<ul id="navigation">
   <li><a href="#">page 1</a></li>
  <li><a href="#">page 2</a></li>
  <li><a href="#">page 3</a></li>
  <li><a href="#">page 4</a></li>
</ul>

Ich würde außerdem dein CSS reset erweitern und folgende Werte zurücksetzen.

* {padding:0; margin:0; border:none; outline:none; list-style:none;}
html, body {min-height:100%; min-width:100%;}

Liebe Grüße, Patrick

 

[Waldfee_81]

AW: Firefox interpretiert padding/margin nicht korrekt

Danke für die schnellen Antworten. Wenn man kein Profi ist ist es manchmal echt schwierig rauszufinden was von den Sachen die man auf den Netz liest korrekt ist und welche nicht. @ patrick-l: weisst du was da schlimmste an der ganzen Farb-Sache ist ? es wurde von einem professionellen Grafiker erstellt. ;-( Werde mich also nochmals hinter mein Grundgerüst klemmen.
Vielen Dank