1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Rand Effekt

  • Reward
  • 1. Oktober 2007 um 17:30
  • Reward
    Meister(in)
    Beiträge
    276
    • 1. Oktober 2007 um 17:30
    • #1

    Soo... Mal wieder eine Frage von mir...


    Ich habe jetzt bei diversen Seiten gesehen, dass Die Navigation, oder gar der Header rechts und links unendlich lang sind. Das heißt, dass egal welche Bildschirmauflösung man hat, sich die Navigation immer komplett bis zum Rand hinzieht. Genau so ist das warscheinlich beim Webspell. Da vergrößert sich der Content ja auch immer gleich dem Inhalt. Ich würde nun gerne wissen, ist das HTML? CSS? Oder PHP, was diesen Effekt auslöst? Gibt es Tutorials? Ich würde den Effekt gerne selbst nutzen;)


    MfG

    [Blockierte Grafik: http://forum.sysprofile.de/signaturepics/sigpic6028_1.gif]

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 1. Oktober 2007 um 17:47
    • #2

    Geht mit CSS indem du statt fester Pixel-Breiten prozentuale Werte nimmst.
    Z.B.

    Code
    <div style="width:100%; background-color: yellow;">Inhalt</div>


    Dieser div wäre immer so breit wie das Bildschirmfenster (100%).
    Du könntest auch zwei nebeneinander anordnen, einen 40%, einen 60%. Auch die passen sich dann immer in diesem Verhältnis an.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Reward
    Meister(in)
    Beiträge
    276
    • 1. Oktober 2007 um 17:51
    • #3

    Kann ich auch n Bild in den DIV-Tag einbinden??

    [Blockierte Grafik: http://forum.sysprofile.de/signaturepics/sigpic6028_1.gif]

  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 1. Oktober 2007 um 18:38
    • #4

    klar, als background-image und auch als einzelnes tag

  • Reward
    Meister(in)
    Beiträge
    276
    • 1. Oktober 2007 um 18:47
    • #5

    Und wenn Ich eine Navigation habe?

    Ich hab am Rand der Navigation auf beiden Seiten ein kleines Stück, dass sich wiederholen könnte, muss ich dann einfach einen Div Tag in die Tabelle einfügen? Oder muss die gesamte Seite darin eingebettet sein??

    mfG

    [Blockierte Grafik: http://forum.sysprofile.de/signaturepics/sigpic6028_1.gif]

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 1. Oktober 2007 um 18:58
    • #6

    Ne Tabelle braucht du keine.
    Füge die sich wiederholende Grafik in den div ein:

    Code
    <div style="width:100%; background-image: url(grafik.jpg);">Inhalt</div>


    Gib dem div dann noch eine Höhe und packe deine Links rein.

    Es wäre aber sicher sinnvoll, wenn du dir zunächst einige Grundkenntnisse von CSS aneignest.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Reward
    Meister(in)
    Beiträge
    276
    • 1. Oktober 2007 um 19:00
    • #7

    Das ist alles kein Ding, doch normalerweise justier ich meine Seite nicht per CSS, sonder mache nur Textfarben etc, per CSS! Nicht das Ich keine Ahnung davon hätte, ich wusste einfach nicht, wie man so ein "unendliches" Div macht;)

    aber trotzdem thx

    [Blockierte Grafik: http://forum.sysprofile.de/signaturepics/sigpic6028_1.gif]

Tags

  • www
  • html
  • color
  • http
  • links
  • style
  • background
  • jpg
  • grafik
  • code
  • tag
  • php
  • tabelle
  • div
  • inhalt
  • index
  • css
  • image
  • width
  • header
  • pixel
  • tutorials
  • verhältnis
  • webspell

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™