Aquariophile: padding

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="tabelle.css">
</head>

<body>

<!--##########################################################-->
<!-- Hallo Leute :)                                           -->
<!--                                                          -->
<!-- Das Bild ist 293px lang                                  -->
<!-- Es ist auf jeder seite des DIV 30px padding              -->
<!-- Relevant für uns ist nur rechts und links                -->
<!-- 293px; vom Bild + (2*30px) = 353px;                      -->
<!-- Aber wenn ich die width vom Bild auf 353px einstelle,    -->
<!-- ist der schwarze Teil auf der linken Seite viel zu gross -->
<!--                                                          -->
<!-- Wie behebe ich das Problem bitte??                       -->
<!--                                                          -->
<!-- Danke!                                                   -->
<!--   Aqua                                                   -->
<!--                                                          -->
<!--  PS.: Wenn ich nun nen Boarder von 10px                  -->
<!--  auf jeder Seite dazu mache, wo muss ich                 -->
<!--  den dann beachten? beim naechsten Element??             -->
<!--                                                          -->
<!--##########################################################-->

<div style="background-color:#000000; padding:30px; width:353px;">
<img src="diskus.jpg" alt="Diskus">
</div>

</body>
</html>

  1. Wäre vielelicth gut, wenn du die Dateien mal online stellen würdest, so das man ein Bild von der Seite hat.

    MfG
    DAB268

    1. Hallo "DAB268"

      Sorry aber das ist eine der unqualifiziertesten Antwort-Postings seit langem!

      LG
      Aquariophile

      1. Sorry aber das ist eine der unqualifiziertesten Antwort-Postings seit langem!

        Ach sowas ist der Dank wenn man versucht zu helfen! Sorry, das ich das erstmal alles bildlich sehen muss!!

  2. Moin!

    Das ist das böse IE-padding-Problem scheint mir!
    Ich persönlich versuche regelmäßig das Problem durch margin zu lösen
    und wenn das nicht geht, braucht der IE ne eigene CSS.

    Gruß

    Der Hans

    1. Hallo Hans

      Ne ist Opera

      LG
      Aqua

  3. Hallo,

    Warum es hier zu einem 60px zusätzlichen padding kommt verstehe ich auch nicht, aber eine Lösung für dich ist:

    <div style="background-color:#000000; width:353px;">
    <img style="padding-left:30px; padding-right:30px" src="grafik.gif" alt="Diskus">
    </div>

    Grüße
    Thomas

    PS: ein Boarder?? Einen Surfer? ;-)

    1. Hallo Thomas

      Du weisst doch was Padding ist, oder?
      das ist der Innenabstand also zum inneren element von nem aeusseren element!

      In einem Bild kann doch kein element mehr sein!

      Also was bitte sollen padding im IMG-Tag bewirken?

      Was auch immer mit margin geht es!

      Danke jedenfalls!
      Aquariophile

      1. Hallo,

        Du weisst doch was Padding ist, oder?

        Nein, sollte ich??

        Also was bitte sollen padding im IMG-Tag bewirken?

        Probier's doch aus.

        Grüße
        Thomas

        http://www.google.de/search?q=sarkasmus&ie=ISO-8859-1&hl=de&btnG=Google-Suche&meta=lr%3Dlang_de