padding problem

html.de-Forum HTML, XHTML & CSS
1

Egal wo ich padding-left einfüge, ich krieg einfach keine Lücke zwischen die beiden spalten. Eigentlich müsste doch das padding-left:100 für eine riesige lücke führen bzw zu darstellungsfehlern führen, aber es bewirkt rein gar nichts, egal wie groß ich es einstelle

                                             <img style="vertical-align:top; float:left; padding-right:10px;" src="images/bspbild.jpeg" ><h3>1. Name des Notebooks</h3>Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung
                                     </div>
                                     <div style="padding-left: 100px;">
                                             <p><strong>Testergebnis:</strong><font color="green" size="16px"><p>83%</p></font></p><hr><strong>Preis/ Einkaufsempfehlung:</strong><p>UVP des Herstellers: 1.999€<br>bei Ebay: ab 1.445€ - <a href="#">bei ebay suchen</a></p>
                                      </div>

http://img163.imageshack.us/img163/8986/padding.gif

2

Zunächst musst du unterscheiden zwischen padding = Innenabstand und margin = Außenabstand.

In deinem Fall sollte es also margin sein.

Zum zweiten:

Wenn du den ersten Teil links gefloatet hast, dann musst du dem zweiten Teil einen margin-left geben, der mindest so groß ist wie der gefloatete, in deinem Fall also 70% zuzüglich eines Zwischenabstands.

Siehe auch Floatverhalten bei bei unterschiedlichen Browsern

3

Installier Dir eines der zahlreichen Debug-Tools, z.B. Firebug, dann kannst Du Dir wunderschön anzeigen lassen, über welchen Bereich sich Deine Elemente erstrecken, dann hättest Du den Fehler sofort gesehen.