|
|||
Hallo
Die Prozentangaben beziehen sich auf das Elternelement. Da in deinem Beispiel das Elternelement #div1 dank der px-Angaben eine feste Breite und eine feste Höhe hat kann sich bei #div2 bei einer Änderung der Fensterbreite nichts ändern. Ich habe mein Beispiel von Beitrag 4 mal so angepasst, dass der Effekt sichtbar wird. Wenn das Browserfenster in der Höhe geändert wird bleiben die padding-Abstände gleich. Wenn das Browserfenster in der Breite geändert wird ändert sich erwartungsgemäß das padding-left. Das Bild rutscht weiter nach links. Padding-right ist zwar vorhanden, hat aber bei breiten Fenstern keine sichtbare Auswirkung, da sich rechts davon von Leerraum befindet. Gleichzeitig werden aber auch padding-top und padding-bottom kleiner. Das ist gut durch den nachfolgenden Text "Originaldiskussion ..." zu erkennen, der weiter nach oben rutscht, wobei das Bild seine Größe aber solange behält, bis es sich der Fensterbreite anpassen muss, da es sonst einen unerwünschten unteren Scrollbalken erzeugen würde. Noch zwei Hinweise zu deinem Quelltext: 1. Text gehört nur in dafür vorgesehene Container. Zum Beispiel p, h1 bis h6, li, dt, dd, td und so weiter. Nicht aber direkt in Container wie div, header, main, footer, article, aside und so weiter. 2. Verwende statt "id" besser "class". Aus mir nicht nachvollziehbaren Gründen meinen Anfänger das id irgendwie besser als class sind, was aber nicht stimmt. Beide haben unterschiedliche Aufgaben und für Layoutangaben sollte "class" verwendet werden. Gruss MrMurphy |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Clearfix / CSS Reset / CSS Hacks 2016 | Elma | CSS | 7 | 14.08.2016 03:12 |
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 18:32 |
Dynamsiches Menü mit CSS - Fragen | Kurby | CSS | 2 | 13.09.2009 23:35 |
Grundlegende Fragen zu CSS | Asparagus | CSS | 7 | 17.02.2009 01:11 |
2 kleinere CSS Fragen, float und ul (?) | img-media | CSS | 5 | 12.03.2006 22:10 |