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ß