Ich wusste leider nicht genau wonach ich im Forum suchen sollte, darum frage ich jetzt mal, in der Annahme, dass es bereits ein Tutorial dafür gibt
Ich wollte wissen wie ich mein Design so anpasse, dass sich der Content der grösse meines Seiteninhalts anpasst. Also mit einem Footer am Ende und so.. Bisher habe ich das immer mit Scrollbaren Contents geregelt, doch jetzt möchte ich mein Design etwas anschaulicher gestalten.
Kann mir das hier jemand erklären, ich würde mich sehr freuen..
Dann ist es ja kein problem
Hier mal ein Grundcode für einen dynamischen Content:
Zitat:
#content_container{
width: XXXpx;}
#pre_content{
background: url(Bild URL von der oberen Grafik) no-repeat;
height: XXpx;}
#content{
background: url(Bild URL von der mittleren Grafik) repeat-y;
padding: 10px;}
#post_content{
background: url(Bild URL von der unteren Grafik) no-repeat;
height: XXpx;}
Legende:
Rot = Breite vom Content Feld
Orange = Höhe der oberen Grafik
Braun = Abstand des Textes vom Rand
Grün = Höhe der unteren Grafik
Ist jetzt nur ein Grundcode,
es kann natürlich noch eine Menge angepasst werden,
allerdings ist es immer wichtig, dass "Content" nie eine zugewiesene Höhe bekommt!
Vielen Dank, deine Antwort war schon sehr hilfreich!
Ich werde jetzt ein wenig herumpröbeln und schauen ob ich das alleine hinkriege. Ansonsten melde ich mich hier nochmals.
Also ich hab jetzt doch noch eine Frage: und zwar habe ich mein Design jetzt in 3 Teile aufgeteilt. Im obersten Teil ist ein Farbverlauf für das Textfeld enthalten. Dumm ist nur, dass der Text erst im mittleren Teil beginnt und nicht bereits im ersten.
Ich verzichte nur ungern auf den Farbverlauf, daher wollte ich wissen ob und wie ich dieses Problem beheben kann:
Das Problem das du hast ist grafischer Natur:
Du musst den preContent, also den oberen Teil, so klein wie möglich machen.
Mache also nur einen kleinen Teil des Verlaufs in den PreContent und packe den Rest in den (Haupt)Content, in dem dann auch dein Text steht. ______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Allerdings wird dann unter Umständen nicht der gesamte Verlauf angezeigt, weil eventuell der Content zu kurz ist.
Das könntest du verhindern, indem du dem Content eine Mindesthöhe gibst (wobei der Content dann aber nicht mehr 100% dynamisch ist):
Code:
#content {
width: XXpx;
min-height: XXpx;
}
______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Cookies sind kleine Textinformation, die wir oder Partner von uns über deinen Browser lokal bei dir speichern.
Du kannst jederzeit die Nutzung von Cookies über die Einstellung deines Browsers verhindern.
Wir nutzen folgende, mit der DSGVO konforme Cookies:
- Essentielle Cookies: Sind unbedingt notwendig damit die Website voll funktionsfähig ist.
- Optionale Cookies: Sind optional und helfen uns die Website zu verbessern, z.B. indem sie das Nutzungsverhalten auf der Website analysieren, ohne dabei dich persönlich zu identifizieren.
Mehr Informationen findest du in unser Datenschutzerklärung.