|
|||
Weblog mit pure CSS?
Yo, ich hab mir mal vorgenommen eine Weblog zu erstellen.
Und das ganze ohne Tabellen, also nur mit div's. Nur gibts bei der darstelung ziemliche Problemme. Siehet selbst Klicken! Wie verhinder ich das die aktuele (Test)Log die anderen verdeckt, bzw. wie krieg ich das hin das sich die Logs, ganz egal wieviel Inhalt sie haben, immer nacheinander dargestellt werden? Eine weitere Frage wäre: Wie man unschwer erkennen Kann werden die logs bei overflow gescrollt, was aber eigentlich nicht so gedacht war. Eigentlich solten sie visible sein, was aber unfein aussieht weil sich der weiße div layer nicht mitvergrößert. Warum geht er nicht mit den Ihnalt wie eine Tabelle? |
Sponsored Links |
|
|||
Und den Code sollen wir jetzt raten?
Ich hab mal einen Blick in die Glaskugel geworfen und vermute, dass Du irgendwas floatest und hinterher das Floaten nicht mehr aufhebst mit clear - aber wie gesagt - reine Vermutung.
__________________
Grüße, Terry ... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ... |
Sponsored Links |
|
|||
Uhm ja natürlich.
Ich hab mal das wichtigste zum durchtesten zusammengefasst: Code:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>blablub</title> <style type="text/css"> #mainframe { width:517px; height:290px; background-color: #000080; position:absolute; } .logs { height:106px; width:500px; background-color:#000000; overflow: visible; } .id { margin-top:2px; margin-left:2px; width:27px; height:20px; background-color:#990066; position:absolute; } .autor { margin-top:2px; margin-left:32px; width:298px; height:20px; background-color:#000080; position:absolute; } .date { margin-top:2px; margin-left:332px; width:166px; height:20px; background-color:#000080; position:absolute; } .nachricht{ margin-top:26px; margin-left:2px; width:496px; min-height:80px; background-color:#000080; overflow:visible; position:absolute; } </style> </head> <body> <div id="mainframe"> <div class="logs"> <div class="id"> 1 </div> <div class="autor"> real </div> <div class="date"> date </div> <div class="nachricht"> hiho das ist eine nachricht hiho das ist eine nachricht hiho das ist eine nachricht hiho das ist eine nachricht hiho das ist eine nachricht hiho das ist eine nachricht hiho das ist eine nachricht </div> </div> <div class="logs"> <div class="id"> 2 </div> <div class="autor"> real </div> <div class="date"> date </div> <div class="nachricht"> hiho das ist eine andere nachricht </div> </div> </div> </body> </html> |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
Einbindung von frei erhältlichen Scripten - CSS Problem | DonL | CSS | 1 | 22.01.2011 16:09 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 02:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 08:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |