Design verschiebt sich bei mehr Text

  • Das wird wesentlich einfacher, wenn Du keine Hintergrundgrafik verwendest, sondern einfach ein img-Tag:

    Code
    1. <div id="banner_right"><img src="banner_right_contact.jpg"></div>

    so auf contact.html und entspr. auf impressum.hml:

    Code
    1. <div id="banner_right"><img src="banner_right_impressum.jpg"></div>

    usw.


    #banner_right {


    float:left;


    width:219px;


    height:700px;


    background:url(banner_left.png) no-repeat;


    }


    das steht in meiner css

  • 1. HTML so ändern, wie ich geschrieben habe. Bildadressen durch deine eigenen ersetzen.


    2. CSS so ergänzen:

    D. h. das Bild wird nicht durch CSS sondern durch HTML eingebunden.

  • Hier mal ein einfaches Beispiel. Allerdings basiert es noch auf Floats. Flexbox wär natürlich viel besser.

    Den Quelltext kannst du dir ja mal in Ruhe ansehen.

    schau mal das ist meine style.css also ich weiss nicht genau wo ich das rein geben muss....ich kenne mich mit css wenig aus da ich eher im designmodus arbeite. wobei ich diese css datei mit hilfe eines turoials gemacht habe


  • Nein, Du brauchst nur nur eine einheitliche CSS-Datei für alle Seiten. Das Bild wird ja im HTML eingebunden, wie ich oben geschrieben habe:

    Zitat

    Das wird wesentlich einfacher, wenn Du keine Hintergrundgrafik verwendest, sondern einfach ein img-Tag:

    Code

    1. <div id="banner_right"><img src="banner_right_contact.jpg"></div>

    so auf contact.html und entspr. auf impressum.hml:

    Code

    1. <div id="banner_right"><img src="banner_right_impressum.jpg"></div>

    usw.