Hallo ihr 2,
danke erstmal für eure Hilfe. Ich habe da wohl gestern einen kleinen Fehler bei max-height/width gemacht. In Media Queries möchte ich mich am Wochenende einlesen.
So funktioniert die Darstellung erstmal (mit einem ABER... kommt später):
<HTML><HEAD>
<style type="text/css">
div.klein { float:left; height:350px; width:450px; }
div.gross { max-height:1050px; max-width:1350px; overflow:hidden; }
</style>
</HEAD><BODY>
<div class="gross">
<DIV class="klein" style="background-color:red"></DIV>
<DIV class="klein" style="background-color:blue"></DIV>
<DIV class="klein" style="background-color:orange"></DIV>
<DIV class="klein" style="background-color:green"></DIV>
<DIV class="klein" style="background-color:violet"></DIV>
<DIV class="klein" style="background-color:pink"></DIV>
<DIV class="klein" style="background-color:yellow"></DIV>
<DIV class="klein" style="background-color:lightgreen"></DIV>
<DIV class="klein" style="background-color:lightblue"></DIV>
<DIV class="klein" style="background-color:black">wird jetzt nie angezeigt :)</DIV>
</div>
</BODY></HTML>
So nun mein ABER :)
Ich möchte das ganze gerne für meinen Wordpressblog verwenden. Wenn ich nun mit dieser Technik einfach mehrere Blogeintäge ausblende bekommt das mein Blog nie mit. Alles ab dem 4te bzw. 7te Blogeintrag wird schlichtweg abgeschnitten.
Eine Möglichkeit wäre, diese Präsentation nur für die Startseite zu verwenden und ab der 2ten Seite dann das komplette Archiv anzuzeigen... egal wieviele Blogeinträge schon auf der Startseite angezeigt wurden.
Eine weitere wäre die Fensterauflösung "irgendwie" nach PHP zu übermitteln. Wobei das wahrscheinlich tricky bis unmöglich ist.
Ich denke ich werde den Weg 1 wählen.
Selbst denken macht schlau :)
Ich denke lieber mit Ansatz, wo ich mir einen Teil abschauen kann und ihn so verändere, dass er zu mir passt. Zumindest in den Fachgebieten, wo ich nur wenig bis gar nicht aktiv arbeite. In Programmiersprachen, wo ich mich nicht um die Präsentation kümmern muss (<3 Schnittstellenprogrammierung) bin ich fitter :)
P. S. Ich hoffe das passt in Design/Layout. Das Problem ist wohl nur mit Javascript und CSS zu lösen, aber im Grunde ist es ein Designproblem :)
JavaScript ist dafür nur notwendig, wenn du alter Browser unterstützen willst - ich ändere den Themenbereich mal auf CSS.
Danke dir :)