+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Webseite springt bei Seitenwechsel

  1. #1
    War schon öfter hier Avatar von thejk
    Registriert seit
    13.04.2007
    Ort
    Im Hühnerstall
    Alter
    26
    Beiträge
    139
    Bedankte sich
    9
    Erhielt 5 Danksagungen
    in 5 Beiträgen

    Standard Webseite springt bei Seitenwechsel

    Hallo Leute.

    Ich bastel schon länger an meinem Template herum und bin recht zufrieden damit.
    Doch was mich wundert, beim Wechseln der Webseiten, also z.B. durch klicken im Menu springt die Webseite und jede Seite hat eine andere breite?!?

    Könnt ihr euch das mal anschauen was das sein kann? Ich bin ratlos.

    http://tinyurl.com/ydhl8rs


    Danke euch!

    Grüße

  2. #2
    War schon öfter hier Avatar von Tele81
    Registriert seit
    08.11.2008
    Beiträge
    211
    Bedankte sich
    24
    Erhielt 16 Danksagungen
    in 16 Beiträgen

    Standard

    Irgendwie ist der Header, das Menu und der Content nicht wirklich auf einer Breite...
    Gratis Suchmaschinen Eintrag
    Kein Support via PN oder Email!

  3. #3
    War schon öfter hier Avatar von Tele81
    Registriert seit
    08.11.2008
    Beiträge
    211
    Bedankte sich
    24
    Erhielt 16 Danksagungen
    in 16 Beiträgen

    Standard

    #menu {
    background-color:#DFDFDF;
    border-bottom:1pt solid #CCCCCC;
    border-left:1pt solid #CCCCCC;
    border-right:1pt solid #CCCCCC;
    height:30px;
    margin:0 auto;
    width:678px;


    }

    #headerschrift {
    color:#FFFFFF;
    font-family:Arial,Helvetica,FreeSans,sans-serif;
    font-size:20px;
    margin:0 auto;
    text-align:center;
    }

    #bottom {
    background-image:url("../images/bottom.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    border-top:1px solid #000000;
    font-family:verdana;
    font-size:10px;
    height:25px;
    margin:0 auto;
    text-align:center;
    width:680px;
    }

    #header {
    border:4px solid #339202;
    height:200px;
    margin:0 auto;
    width:672px;


    }

    #content {
    background-color:#FFFFFF;
    background-image:url("../images/shadow.jpg");
    background-position:center top;
    background-repeat:repeat-x;
    font-family:verdana;
    margin:0 auto;
    min-height:400px;
    padding-bottom:5px;
    padding-top:5px;
    width:680px;


    }

    so wenn du das erstmal so änderst steht erstmal alles zentriert auf einer breite
    im template.css
    Geändert von Tele81 (11.03.2010 um 21:33 Uhr)
    Gratis Suchmaschinen Eintrag
    Kein Support via PN oder Email!

  4. #4
    War schon öfter hier Avatar von Tele81
    Registriert seit
    08.11.2008
    Beiträge
    211
    Bedankte sich
    24
    Erhielt 16 Danksagungen
    in 16 Beiträgen

    Standard

    Achso was mir noch auffällt ist das im Menupunkt blog dein Menu rechts unten fixiert ist, ist das so beabsichtigt?
    Gratis Suchmaschinen Eintrag
    Kein Support via PN oder Email!

  5. #5
    Gehört zum Inventar
    Registriert seit
    16.08.2006
    Beiträge
    8.516
    Bedankte sich
    1.429
    Erhielt 2.078 Danksagungen
    in 1.905 Beiträgen

    Standard

    Hi,

    mein Vorschlag:
    Code:
    html { overflow-y: scroll; }
    hth

    albatros

  6. Erhielt Danksagungen von:


  7. #6
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    11.609
    Bedankte sich
    456
    Erhielt 4.381 Danksagungen
    in 4.030 Beiträgen

    Standard

    Die Seiten "springen", weil bei langen Seiten rechts ein Scrollbalken eingeblendet wird. Um das abzufangen, kannst du folgendes ins template.css einfügen:
    Code:
    html {
    overflow-y: scroll;
    }
    Dadurch erscheint rechts immer ein Scrollbalken, unabhängig von der Länge der Seite, und das "Springen" hört auf .

    EDIT
    Oh, zu spät...
    Gruss Anka

  8. #7
    Gehört zum Inventar
    Registriert seit
    16.08.2006
    Beiträge
    8.516
    Bedankte sich
    1.429
    Erhielt 2.078 Danksagungen
    in 1.905 Beiträgen

    Standard

    Hab ich aber irgendwann mal bei Dir aufgeschnappt Anka.

  9. #8
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    11.609
    Bedankte sich
    456
    Erhielt 4.381 Danksagungen
    in 4.030 Beiträgen

    Standard ot

    Hallo Uwe

    Echt? Dann bin ich auch nicht böse, dass du (wieder einmal mehr) schneller warst .

    Gruss
    Anka

  10. #9
    Gehört zum Inventar
    Registriert seit
    16.08.2006
    Beiträge
    8.516
    Bedankte sich
    1.429
    Erhielt 2.078 Danksagungen
    in 1.905 Beiträgen

    Standard

    Tja, schneller als Du vielleicht, aber ganz sicher niemals besser!

  11. Erhielt Danksagungen von:


  12. #10
    Neu an Board
    Registriert seit
    21.12.2009
    Beiträge
    20
    Bedankte sich
    18
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo!

    Ich habe die Änderungen in der template.css so vorgenommen.
    Allerdings wird die Änderung nur in der Vorschau des Templates (also im Back-End) übernommen. Auf der regulären Seite im Internet wird die Scrollbar nicht dauerhaft eingeblendet.

    html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow: scroll;
    min-height:101%; /*Scrollbar immer anzeigen*/
    }

    So sieht der Teil der template.css aus in die ich die letzten beiden Zeilen ergänzt habe. Die Mindesthöhe auf 101% zu setzen habe ich aus einem anderen Forum. Beides - einzeln oder in Kombination - ist wirkungslos.

    Hat jemand eine Idee?

    Danke & Gruß,
    Christoph

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Berechtigungen

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