Ergebnis 1 bis 5 von 5

Thema: Css Style verschiebt sich.

  1. #1
    Azubi(ne) Avatar von Pascalus
    Registriert seit
    05.04.2009
    Ort
    Trier
    Beiträge
    93
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Css Style verschiebt sich.

    Hi,

    ich bins mal wieder mit nem neuen Problem^^
    Ich besitze einen 26" Monitor mit ner AUflösung von 1920x1200px, habe also massig Platz aufm Screen.

    Nunja, meine jetzige Website habe ich auf eben diesem Bildschirm programmiert. Heute war ich bei nem Freund, wir haben da ein bischen mit seinen 10" Netbook gesurft und sind auf meine Seite gestoßen. Da ist mir etwas nicht besonders schickes aufgefallen:

    Nunja, seht selber:
    http://www.socom3-fan.de/new/index-1.php?nav=8

    Wenn man das Fenster von der Breite her verkleinert, schiebt sich die Tabelle hinter den linken grauen Teil. Habe die Tabelle schon soweit wie möglich verkleinert aber trotzdem schiebt sie sich irgendwann zur Seite.

    Hier der Css COde für das Layout:

    PHP-Code:
    <style type="text/css">
    html,body{margin:0;padding:0}
    body{font76arial,sans-serif}
    p{margin:0 10px 10px}
    a{display:block;color#981793;padding:10px}
    div#header h1{height:80px;line-height:80px;margin:0;
      
    padding-left:10px;background#EEE;color: #79B30B}
    div#content p{line-height:1.4}
    div#navigation{background-color:#000}
    div#extra{background-color:#000}
    div#footer{background: #333;color: #FFF}
    div#footer p{margin:0;padding:5px 10px}
    div#over{height:30px}

    div#wrapper{float:left;width:100%}
    div#over{float:left;width:100%}
    div#content{margin: 0 200px; background-image:url(img/roccat_bg.jpg); background-position:center; background-position:top; background-repeat:no-repeat; background-color:#000}
    div#navigation{float:left;width:200px;margin-left:-100%}
    div#extra{float:left;width:200px;margin-left:-200px}
    div#footer{clear:left;width:100%}
    </style
    Content ist der Mittelteil und Extra der Rechte Balken.








    Wollte nunmal fragen, ob es eine Möglichkeit gibt, dieses verschieben zu vermeiden, sodass dann evtl. ein Scrollbalken entsteht oder besseres...
    Kenne mich nähmlich mit CSS sogut wie garnicht aus

    mfg+Danke jetzt schon
    Pascalus



    Edit: hm ich glaube ich bin hier im falschen Bereich gelandet >.<
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Viele Grüße
    Pascalus

    ------------------------------------------------------------------------------------------------
    Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.
    Johann Wolfgang von Goethe

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Css Style verschiebt sich.

    Gib das mal um deine Tabelle:

    HTML-Code:
    <div style="width:100%;overflow-x:scroll;"><table......</table></div>
    Aber ich weiß nicht, ob das in allen browsern geht. versuch das auch mal:

    HTML-Code:
    <div style="width:100%;overflow:scroll;"><table......</table></div>
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Azubi(ne)
    Themenstarter
    Avatar von Pascalus
    Registriert seit
    05.04.2009
    Ort
    Trier
    Beiträge
    93
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Css Style verschiebt sich.

    Hi,

    erstmal wieder Danke für die Hilfe

    Das 1. klappt weder im FF3 noch im IE8. ^^

    Das 2. klappt bei beiden. Aber hm. Es erfüllt seinen Zewck... aber gibts ne Möglichkeit, dass die hässlichen Scrollbalken nur dann auftauchen, wenn man sie auch braucht?
    -> siehe http://www.socom3-fan.de/new/index-1.php?nav=8


    mfg
    Viele Grüße
    Pascalus

    ------------------------------------------------------------------------------------------------
    Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.
    Johann Wolfgang von Goethe

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Css Style verschiebt sich.

    nein tut mir leid, da weiß ich nicht ob das geht
    höchstens regelmäßig mit javascript die fensterbreite abfragen und diese eigenschaft ändern
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Azubi(ne)
    Themenstarter
    Avatar von Pascalus
    Registriert seit
    05.04.2009
    Ort
    Trier
    Beiträge
    93
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Css Style verschiebt sich.

    So hab die Lösung gefunden! Damit werden die Balken nur gezeigt, wenn sie benötigt werden

    mfg

    <div style="width:100%;overflow:auto;">
    Viele Grüße
    Pascalus

    ------------------------------------------------------------------------------------------------
    Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.
    Johann Wolfgang von Goethe

Ähnliche Themen

  1. CSS Verschiebt sich
    Von xisax im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 27.05.2009, 12:26
  2. Seite verschiebt sich.
    Von Sport-Tipps im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.10.2008, 20:55
  3. Content verschiebt sich
    Von zSugAz im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.04.2007, 00:59
  4. text verschiebt sich
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 14.10.2006, 15:11
  5. grafik verschiebt sich
    Von CoMMander im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 08.09.2006, 11:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •