include statt frames - aber hintergund?
  • hallo, ich versuche mich mal wieder an php und verzweifele im moment ein wenig an der "include" funktion.
    meine momentane webseite HGWonline (www.harry-gregson-williams.de) soll ein neues aussehen erhalten und ich möchte die includefunktion verwenden.

    jetzt habe ich aber ein hintergrundgrafikproblem, wie löst man das? entwende ich habe eine grafik die gekachelt wird, oder ich muss eine riesengrafik machen damit es nach was aussieht (und noch größer falls einer eine mega-auflösung verwendet... ist das richtig so?

    hier mein momentaner versuch, zu sehen ist auch ein neues design deines tollen players!!!
    www.harry-gregson-williams.de/test/index2.php

    ich habe die hintergundgrafik mal noch verlinkt:
    http://www.harry-gregson-williams.de/test/images/backround3.png (die megagroße)

    hier mal die gekachelte, aber das sieht echt mies aus...
    http://www.harry-gregson-williams.de/test/images/backround.png

    ich würde die seite optisch schon gerne mit LINKS rot, mitte schwarz, rechts rot und grafike unten links usw... machen - muss das mit einer großen grafik geschehen?

    was mich leider immer noch nervt ist das nur JPG dateien akzeptiert werden und Jasc die immer derartig zerpixelt... (also im player...)

    also ich verwende diese art der darstellung (http://www.webdesign.rudomazin.de/tutorials/php-tutorials/php-include-statt-frames.html) habe mich genau an deren beispiel gehalten. ich hätte aber irgendwie schon gerne den backround in etwa so wie auf der alten seite, soll heißen, HEAD in schwarz - INDEX in dem grau und FOOTER wieder in schwarz. bei der darstellung so wie ich sie jetzt mache, kann ich aber nur einmal ein hintergundbild zuweissen und das wird komplett für alle 3 teile verwendet. gibt es einen trick wie man eine bilddatei verwenden kann ohne das diese gekachelt wird?

    ich kann das umgehen ich dem ich das bild evtl fixe?

    <body style="background-image: url('evtl-back.JPG');<br /> background-attachment:fixed" link="#FFFFFF" vlink="#FFFFFF">

    das wäre dann die variante:
    http://www.harry-gregson-williams.de/test/index3.php

    aber dann müsste das bild immer noch richtig groß sein! auf die gefahr hin das doch mal einer weiter scrolle kann als erlaubt und sich das bild nicht wieder neu kachelt...

  • 3 Answers sorted by
  • hallo Davis,

    mit einer einzigen Hintergrundgrafik ist das was du erreichen möchtest nicht wirklich optimal zu machen. Denn wenn jemand, wie z.B. ich selber, mit einer Auflösung von 1600x1200 Pixeln unterwegs ist, passt die Hintergrundgrafik nicht mehr. Und bei kleineren Auflösungen natürlich auch nicht.

    Eine Lösung wäre, wenn du drei divs verschachtelst und jedem DIV eine eigene Hintergrundgrafik zuweist. Eine für den gesamten Hintergrund, eine für den linken und eine für den rechten Balken.

    <body><br /><div style="background-image: url('background.gif');background-repeat: repeat;"><br /><div style="background-image: url('linker_balken.gif');background-repeat: repeat-y;background-position:left"><br /><div style="background-image: url('rechter_balken.gif');background-repeat: repeat-y;background-position:right"><br /><br />Und hier dann dein Inhalt von der Seite.<br /><br /></div><br /></div><br /></div><br /></body>

    Ich habe es nicht getestet, aber so solltest du sicher gehen können, dass z.B. der rechte Balken immer am äußersten Rechten Rand dargestellt wird.

    Gruß webmatze

  • ok, vielen lieben dank für den code, ich werde den gleich mal ausprobieren, muss ich bei "repeat-Y" bei "Y" noch einen wert eintragen?

    im moment habe ich noch meine version online, ich hoffe das es erst einmal so geht, da ich knapp 60 seiten wieder ändern muss (den code) wird das ganze noch ein wenig dauern.

    wenn du mal schauen willst: http://www.harry-gregson-williams.de/index2.php

    (ich bin mit 1400 x 900 unterwegs, da sieht es ganz gut aus...

    also funktionieren tut das skript! danke! aber ich habe leider immer noch eine frage... kann man eine mindestgröße einstellen? weil ich habe da ein gutes beispiel:

    http://www.harry-gregson-williams.de/test.php

    wenn ich die seite aufrufe und jetzt das browserfenster verkleinere, dann wandert der rechte balken mit, und das auch zu weit, so das man sieht was z.B. nicht durchsichtig ist, oder aber der balken plötzlich hinter dem text liegt... was kann ich da machen?
    wenn ich eine niedrigere auflösung einstelle, schiebt sich der rechte balken sogar nur bis ca. in die mitte des bildes, also ich kann das browserfenster unten nach rechts verschieben, aber der balken wandert dann nicht mit... das scheint daran zu liegen das sich der code nur das momentene fenster als größte ebene wählt, beim verkleinern mitwandert.

    und kannst du mir bitte noch bei dem problem HIER helfen?

  • Für die minimale Breite könntest du über deiner ersten Tabelle auf der Seite ein div Tag ohne Inhalt einbinden und dem die minimale Breite breit machen:
    <div style="width: 800px"></div>

    Es gibt auch eine Möglichkeit über CSS (min-width: 800px) Aber die wird momentan noch nicht von allen Browsern unterstützt.

Willkommen!

It looks like you're new here. If you want to get involved, click one of these buttons!

Einloggen Registrierung!

Diskussionsteilnehmer

Who's Online (0)