body soll am oberen Bildrand beginnen



  • Hmm, seltsam,

    irgendwie bekomme ich es nicht hin, meinen Body-Bereich vom oberen Bildrand beginnen zu lassen.
    Er fängt immer erst nach so ca. 1 cm an. Also so:

    ----------------------------------
    |                                |
    |       -----------------        |
    |       |               |        |
    |       |  body-Bereich |        |
    |       |               |        |
    |       |               |        |
    |       |_______________|        |
    |                                |
    |                                |
    |                                |
    ----------------------------------
    

    Hier sind noch ein paar HTML-Schnipsel. Kann mir jemand einen Tipp geben, was ich falsch mache. Danke schonmal..

    <body>
    <div id="box">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td colspan="7"><img src="Logo.jpg" alt="Memipi-Logo" border="0" width="623" height="81"></td>
    </tr>
    <tr>
    <td><img src="Navi0.jpg" border="0" width="263" height="23"></td>
    <td><img src="./Buttons/Home1.jpg" alt="Home" border="0" width="56" height="23"></td>
    <td><img src="./Buttons/Charts0.jpg" alt="Charts" border="0" width="58" height="23"></td>
    <td><img src="./Buttons/Termine0.jpg" alt="Termine" border="0" width="60" height="23"></td>
    <td><img src="./Buttons/Bilder0.jpg" alt="Bilder" border="0" width="58" height="23"></td>
    <td><img src="./Buttons/Links0.jpg" alt="Links" border="0" width="56" height="23"></td>
    <td><img src="./Buttons/Kontakt0.jpg" alt="Kontakt" border="0" width="72" height="23"></td>
    </tr>
    </table>  
    </div> 
    
    </body>
    

    CSS

    body        {  margin-top: 0px;
    	         padding-top: 0px;
                   text-align: center;
                   background-color: #3D4B24; }
    
    #box 	    {    width: 623px;
    	         height: 81px;
                   margin: 0px auto;
                   padding: 15px;
                   text-align: left; }
    


  • Hallo!

    Naja, also der Body hat margin 0, das ist schon korrekt.
    Aber deinen Content packst du in ein <div> Tag.
    Das hat zwar auch margin 0, wodurch es ohne Abstand an das Elternelement anschließt, aber durch das padding 15 (Innenabstand) beginnt die Tabelle eben erst 15px unterhalb der oberen Grenze der Inline Box.
    schreibe padding:0px; Dann klappts! ich habs grade getestet.

    P.S.: Natürlich musst du auch die CSS Anweisungen richtig einbetten, etc.,... aber falls das alles okay ist, dann klappt das so



  • Danke,

    ich hatte das übersehen.

    Jetzt klappt's


Log in to reply