HX3 Foren  

  HX3 Foren > Konstruktiv > Software- und Webentwicklung

Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...)

Antwort
 
Themen-Optionen Ansicht
Alt 16.11.2005, 17:24   #1 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard [HTML/CSS]Internet Explorer zickt bei Padding

Hi, ich habe ein kleines Problem. Auf einer Website sollen 9 Bilder dargestellt werden. jedes einzelne mit einem Außenabstand von 5px (padding). Der Mozilla und Opera Browser stellt die Website wie gewünscht da. Das einzigste problem bereit der IE indem er die Aussenabstände überhaupt nicht interpretiert.

Ich hab leider keine Ahnung woran es liegt und wäre deshalb dankbar wenn mit hier jemand helfen könnte.

http://schomsen.fiberworld.nl/bewerbung/
HTML-Code:
<html>
 <head>
 <title>Bewerbungs Referenzen</title>
  <style>
   body {
          padding: 30px;
          background-image: url(img/background.gif);
          }
   .maindiv {
          width: 500px;
          background-color: #ffffdd;
          border: 2px solid #FFAA00;
          padding: 10px;
          }
   .maintablecell {
          margin: 5px;
          }
   .images {
          padding: 5px;
          }
   .header {
          text-align: center;
          vertical-align: middle;
          font-family: tahoma, verdena, arial;
          font-size: 8pt;
          border: 2px solid #dddddd;
          padding: 5px;
          background-color: #ffffee;
          font-weight: 900;
          }
  </style>
  <body>
   <div class="maindiv">
   <center>
    <p class="header">Bewerbungs Referenzen:</p>
    <table class="maintable" cellpadding="0" cellspacing="0" border="0">
     <tr>
       <td><a target="blank" href="img/01.jpg"><img class="images" border="0" alt="01.jpg" src="img/vorschau/01.jpg"></a></td>
       <td><a target="blank" href="img/02.jpg"><img class="images" border="0" alt="02.jpg" src="img/vorschau/02.jpg"></a></td>
       <td><a target="blank" href="img/03.jpg"><img class="images" border="0" alt="03.jpg" src="img/vorschau/03.jpg"></a></td>
     </tr>
     <tr>
       <td><a target="blank" href="img/04.jpg"><img class="images" border="0" alt="04.jpg" src="img/vorschau/04.jpg"></a></td>
       <td><a target="blank" href="img/05.jpg"><img class="images" border="0" alt="05.jpg" src="img/vorschau/05.jpg"></a></td>
       <td><a target="blank" href="img/06.jpg"><img class="images" border="0" alt="06.jpg" src="img/vorschau/06.jpg"></a></td>
     </tr>
     <tr>
       <td><a target="blank" href="img/07.jpg"><img class="images" border="0" alt="07.jpg" src="img/vorschau/07.jpg"></a></td>
       <td><a target="blank" href="img/08.jpg"><img class="images" border="0" alt="08.jpg" src="img/vorschau/08.jpg"></a></td>
       <td><a target="blank" href="img/09.jpg"><img class="images" border="0" alt="09.jpg" src="img/vorschau/09.jpg"></a></td>
     </tr>
     <tr>
       <td><a target="blank" href="img/10.jpg"><img class="images" border="0" alt="10.jpg" src="img/vorschau/10.jpg"></a></td>
       <td></td>
       <td></td>
     </tr>
    </table>
    <p class="header">mailadress@gmail.com
   </div>
  </body>
</html>
__________________
Kompost ist offline   Mit Zitat antworten
Alt 16.11.2005, 18:11   #2 (permalink)
500 Beiträge1000 Beiträge
 
Benutzerbild von Lee-on
 
Registriert seit: 30.11.2004
Ort: Hannover
Alter: 32
Beiträge: 1.448
Lee-on eine Nachricht über ICQ schicken Lee-on eine Nachricht über MSN schicken
Standard AW: [HTML/CSS]Internet Explorer zickt bei Padding

Versuch doch mal bei < table ..... > cellspacing="4" zuzufügen.
Satt 4, kannst ja auch ne andere Grösse nehmen.
müsste eigentlich den Abstand der einzelnen Zellel regeln.
Hoffe es hilft...
__________________
Lee-on ist offline   Mit Zitat antworten
Alt 16.11.2005, 18:19   #3 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard AW: [HTML/CSS]Internet Explorer zickt bei Padding

Jo, das wäre schonmal ein anderer Lösungsvorschlag, müsste eigentlich funktionieren

Also danke erstmal

Aber falls jemand noch eine Idee hat warum es nicht mit padding funktioniert kann er mir diese auch noch gerne noch mitteilen
__________________
Kompost ist offline   Mit Zitat antworten
Alt 16.11.2005, 19:49   #4 (permalink)
Administrator
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von anders^on
 
Registriert seit: 10.05.2003
Ort: Bayern™
Beiträge: 3.483
anders^on eine Nachricht über ICQ schicken anders^on eine Nachricht über Skype™ schicken
Standard AW: [HTML/CSS]Internet Explorer zickt bei Padding

Padding ist Innenabstand. Margin ist Außenabstand.

Entsprechend musst du Margin verwenden - nen Innenabstand für ein Bild is irgendwo
widersinnig.
Innenabstand für die Tabellenzelle, in der sich das Bild befindet ist aber sowieso die
bessere Lösung - du willst ja, dass auch andere Elemente in der Zelle Abstand haben.

Grundsätzlich sollte man Padding nur bei Elementen verwenden, die _keine_ absoluten Größen
in die Richtung des Padding haben.

Also kein padding: 0 5px; mit width: 100px;

Das führt zum falschen Darstellen im Internet Explorer.

Geändert von anders^on (16.11.2005 um 19:53 Uhr).
anders^on ist offline   Mit Zitat antworten
Alt 16.11.2005, 20:20   #5 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard AW: [HTML/CSS]Internet Explorer zickt bei Padding

Ja, eigentlich haste Recht. Hat mich eben nur erst verwundert das es mit Opera und IE funktioniert hat - aber danke auch an dich für die flotte Hilfe
__________________
Kompost ist offline   Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Kontakt - HX3.de - Archiv - Nach oben

Angetrieben durch vBulletin, Entwicklung von Philipp Dörner & Tobias



SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116