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

Menu verschiebt sich

  • Sport-Tipps
  • 9. September 2008 um 20:32
  • Sport-Tipps
    Fortgeschrittener
    Beiträge
    174
    • 9. September 2008 um 20:32
    • #1

    Hallo.
    Also ich hätte da eine Frage.
    Auf meiner Homepage: http://www.gibsgoesgolden.at verschiebt sich, wenn man das Fenster des Browsers verkleinert das Menu, das wandert dann nach unten.
    wie löse ich am besten das problem??
    lg und danke
    hier gehts zum stylesheet--> HIER

    [Blockierte Grafik: http://sport-tipps.at/banner.gif][Blockierte Grafik: http://www.sport-tipps.at/logo5.gif]

  • Greg10
    Prinz(essin)
    Beiträge
    825
    • 9. September 2008 um 21:03
    • #2

    ich denek das ist das allgemein bekannte float-problem... wenn zuwenig platz zum floaten da ist, wird gestapelt du könntest der text-box einfach ma nen margin-left wert von der breite der box geben

    (stylesheet nicht angeschaut hab)

    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC ;)

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 9. September 2008 um 22:25
    • #3

    Du hast für die drei nebeneinander angeordneten Divs jeweils fixe Pixlebreiten.
    Dein #wrapper ist jedoch 95% breit.
    Folge: Wenn die Summe der drei Divs (in px) umgerechnet 95% des Viewports überschreiten, dann reicht die Breite nicht mehr aus und einer verschiebt sich zwangsläufig nach unten.

    Abhilfe:
    Gib dem #wrapper eine Breite in px, die der Summe der drei Divs, zuzüglich margins, paddings und borders entspricht.

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

  • koslowski
    Meister(in)
    Beiträge
    267
    • 9. September 2008 um 22:29
    • #4

    Hi,

    äh.., wozu ist denn #content gut und floaten tut der auch noch?

    laß die recht und die linke Spalte floaten, gib der mittleren Spalte kein float und z.B. kein width außerdem ein entsprechendes margin-left/right, damit sie zwischen die anderen beiden Spalten rutschen kann.
    Kick #content raus, das brauchst du eigentlich nicht.

    Im Quelltext kommen erst die floats und dann erst die mittlere Spalte.
    Die mittlere Spalte braucht evtl. noch display:inline; für den IE6 (Double-margin-bug)

    Ach ja, und clearen nicht vergessen. ;)

    koslowski

    :arrow: Mein Blog

Tags

  • homepage
  • text
  • linke
  • quelltext
  • problem
  • fenster
  • reich
  • inline
  • css
  • wert
  • box
  • display
  • px
  • left
  • ie6
  • stylesheet
  • float
  • bug
  • divs
  • floats
  • wrapper
  • floaten
  • borders

Benutzer online in diesem Thema

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