Mike: ein paar Zahlen

Beitrag lesen

Moin,

es wird schneller geladen, also das ist doch mal was. Aber die Hauptseite wird dadurch auf kleinen Viewports nicht schöner dargestellt.

Habe mich mal rangesetzt und das für so kleine Geräte getestet:

@media only screen and (max-width: 800px)  
{  
  html, body  
  {  
    margin:0;  
    padding:0;  
  }  
  
  body  
  {  
    padding:0 1em 1em 1em;  
  }  
  
  #top  
  {  
    position:relative;  
    line-height:1em;  
    margin:auto;  
    padding:0;  
  }  
  
  #top form #suchausdruck  
  {  
    margin:auto;  
  }  
  
  #top a  
  {  
    margin:.5em;  
  }  
  
  #kopf .sociallinks  
  {  
    position:relative;  
    display:inline-block;  
    margin:65px 0 0 0;  
  }  
  
  #aside, #side-menu, #beschreibung  
  {  
    cleat:both;  
    float:none;  
    width:auto;  
    display:block;  
    margin:auto;  
  }  
  
  #aside h3, #beschreibung h3  
  {  
    margin:1em auto 1em auto;  
  }  
  
  #selfforum-hauptseite #root  
  {  
    display:block;  
  }  
  
  #root li  
  {  
    white-space:normal;  
    margin:auto;  
    padding:0;  
  }  
  
  #root li.thread-start  
  {  
    margin-top:1em;  
    border:1px solid silver;  
    border-radius:.5em;  
    padding:.5em;  
  }  
  
  #selfforum-hauptseite #root .thread-start * ul,  
  #selfforum-hauptseite #root .thread-start > ul > li > ul  
  {  
    margin:auto;  
    padding:0 0 0 1em;  
  }  
  
  #selfforum-hauptseite #root .thread-start * ul  
  {  
    /*test*/  
    /*border:1px solid red;*/  
  }  
  
  #selfforum-hauptseite #root .thread-start * li  
  {  
    /*test*/  
    /*border:1px solid green;*/  
  }  
  
  #selfforum-hauptseite #root * .posting:before,  
  #selfforum-hauptseite #root * .posting  
  {  
    margin:auto auto auto -1em;  
    padding:0 0 0 1em;  
  }  
  
  #selfforum-hauptseite #root * li li .posting  
  {  
    background:url("http://src.selfhtml.org/forum/posting-pfeil1.png") no-repeat scroll left bottom transparent;  
  }  
  
  #selfforum-hauptseite #root * .posting .subject  
  {  
    margin:0;  
  }  
  
  #selfforum-hauptseite #root .thread-start * li .answers  
  {  
    min-width:0;  
  }  
}

Das ist sicherlich stark verbesserungswürdig. So etwas in der Art könnte ich mir hier gut vorstellen, genauso wie eine Paging-Funktion.

Gruß

0 51

horizontal gekürzter Threadbaum

Matthias Apsel
  • zu diesem forum
  1. 0
    Gunther
    1. 0
      Matthias Apsel
      1. 0
        Gunther
        1. 0
          Gunnar Bittersmann
          1. 0
            Gunther
            1. 0
              Matthias Apsel
  2. 0

    gekürzter Threadbaum, Vorschlag, der der Nacharbeit bedarf

    Auge
    1. 0
      Matthias Apsel
      1. 0
        Auge
    2. 0

      Testposting/Systemauslastung

      Performer
      • sonstiges
      1. 0

        Testposting/Meinung

        Performer
        • meinung
        1. 0
          Matthias Apsel
          • sonstiges
        2. 0

          Testposting/Meinung geänderter Betreff

          Matthias Apsel
          1. 0
            Matthias Apsel
            • zu diesem forum
          2. 0
            Matthias Apsel
            • sonstiges
          3. 0
            Matthias Apsel
  3. 0

    Doppelposting

    Gunnar Bittersmann
  4. 0

    JS passte nicht zum DOM

    Matthias Apsel
  5. 0

    ein paar Zahlen

    Matthias Apsel
    1. 0
      Der Martin
      • meinung
      1. 0
        Matthias Apsel
        1. 0
          Der Martin
          1. 0
            Matthias Apsel
            1. 0
              Der Martin
              1. 0
                Matthias Apsel
                1. 0
                  Der Martin
                  1. 0
                    Matthias Apsel
                    1. 0
                      Der Martin
      2. 0
        Performer
        1. 0
          Der Martin
          1. 0
            Performer
          2. 0
            Matthias Apsel
            1. 0
              Der Martin (II)
              1. 0
                Der Martin (II)
                1. 0
                  Matthias Apsel
        2. 0
          molily
    2. 1
      Mike
      1. 0
        Performer
      2. 0
        Matthias Apsel
        1. 0
          Der Martin
          1. 0
            Matthias Apsel
  6. 0

    <meta name="viewport" content="???">

    Matthias Apsel
    1. 0
      Gunther
    2. 0
      M.
      1. 0
        Gunther
      2. 0
        Matthias Apsel
    3. 2

      Screenshots

      Jörg
      1. 0
        Matthias Apsel
        1. 0
          Performer
          1. 0
            Matthias Apsel