Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="sud7even" data-source="post: 2612423">Hallo liebe Community,wie das Thema schon sagt, baue ich gerade eine Homepage. Als erstes habe ich mir auf einem Blatt die Struktur aufgemalt. Zu Anfang wollte ich die Webseite in Photoshop entwerfen, wie ich es früher gemacht habe. Damals habe ich allerdings mit Tabellen gearbeitet und dann das komplette Layout quasi zerstückelt und in Dreamweaver in den Tabellenzeilen- und Spalten als Hintergrundgrafik eingefügt und mit Pixelangaben gearbeitet.Nun möchte ich aber, dass die Breite der Webseite den gesamten Browserinhalt ausfüllt. Darum habe ich gesagt: width: 100%;Ich habe mich u.a. vom Seitenaufbau von <a href="http://www.kulturbanause.de" target="_blank">http://www.kulturbanause.de</a> inspirieren lassen.Meine Seite ist in Abschnitte untereinander aufgegliedert: Headbereich mit 1.) "Kopfzeile (zwei div-Container für kleines "Banner" & zwei bis drei Textlinks zum Blog etc.), 2.) Navigation, 3. Sektion "Deckblatt" (zwei div-Container für Logo/Wappen & Slideshow), 4. Sektion "Vorschau" (Kurzvorstellung), 5. Sektion "Termine" (zwei div-Container für diverse Termine & Veranstaltungen), 6. Sektion "Kontakt" (drei div-Container für ein Bild, Anschrift des Unternehmens & Soziale Medien), 7. Footer (drei div-Container für zwei bis drei Textlinks, ein Bild & Copyright-Hinweis).Ich habe nun folgendes Problem: Zum Testen habe ich in der Sektion "Vorschau" nun im HTML-Quellcode etwas hineingeschrieben, aber dann steht der Text direkt oben an der Grenze vom Abschnitt und ebenso direkt links im Browser. Das ist mir auch einleuchtend, da in der CSS ja gar keine Anweisung gegeben ist, damit der Text eingerückt wird. Also habe ich in der CSS nun padding: 20px; gemacht. Der Text wird nun zwar eingerückt, wie ich es will, aber das Problem ist jetzt: Der ganze Abschnitt erweitert sich scheinbar nach rechts und nach unten um eben diese 20 Pixel. Wenn ich z.B. anweise, dass padding: 5%; gemacht werden soll, passiert dasselbe.Kann mir da jemand Hilfestellung geben, damit sich die Abschnitte nicht um dieses Padding gleichzeitig erweitern?Beste Grüße! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />PS. Ist das ok, wenn ich bei Fragen (die sicherlich verhäuft auftreten), diese hier immer stelle? So muss ich nicht immer ein neues Thema aufmachen, falls ich keine Antworten finde. Manchmal weiß man ja auch nicht, wonach man als Anfänger suchen muss.</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?