Hallo,
Das sieht auf den ersten Blick ja schon nach was aus.
Aber:
erstmal solltest du das CSS in einem Bereich definieren. Nicht fuer jede Anweisung einen eigenen Bereich nutzen.
<style type="text/css">
html {
height: 100%;
overflow: hidden;
padding: 100px 100px 0; /* Padding unten 0 was? Hamster?*/
}
body {
height: 70%; /*warum nun doch nur 70% der hoehe?*/
background: transparent url(hintbi.jpg) no-repeat top left;
overflow: scroll;
padding: 0px;
margin: 0px;
}
.text {
padding:30px;
background: #ffffff;
}
</style>
Die Bloecke muessen so nicht sein, sind aber uebersichtlicher. Man kann z.b. prima Kommentare reinschreiben! ;) Am besten ist es sogar, wenn man das CSS in eine Datei auslagert. Dann laesst es sich auch noch prima wiederverwenden.
Wie du siehst habe ich schon 2 Schwachpunkte Deines Designs kommentiert. Sicher: bei 0 darf das px auch gern fehlen. Ich mach es dort aber trotzdem gern rein, damit bei einer Aenderung auch dran gedacht wird.
Wenn du einem Element sagst, dass es nur 70% des zur verfuegung stehenden Platzes einnehmen soll, ist ihm ziemlich egal, ob da irgendwo ein oder kein Padding ist. Soll es bis zum unteren Viewportrand reichen, musst du es also 30% nach unten setzen oder ihm sagen dass es so lang sein soll. Also 100% Hoehe haben soll. Oder was genau ist Deine Absicht hier?