XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Weblog mit pure CSS? (http://xhtmlforum.de/showthread.php?t=33988)

real SHOGUN 01.01.2005 18:19

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?

terrikay 02.01.2005 17:58

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.

real SHOGUN 03.01.2005 12:58

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>



Alle Zeitangaben in WEZ +2. Es ist jetzt 05:54 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019