Forum PHP.pl > [CSS][HTML] DIV nad DIVem

Pomoc - Szukaj - Użytkownicy - Kalendarz

pifarek

20.09.2009, 12:51:45

Witam.

Mam powiedzmy taki kawałek kodu:

[HTML] pobierz, plaintext 
<html>
    <head>
        <script type="text/javascript">
 
        </script>
        <style type="text/css">
            .folder
            {
                padding: 4px;
                margin: 5px;
                border: 1px solid #000;
                background-color: #dcdcdc;
                width: 200px;
                float: left;
                height: 200px;
            }
            .d
            {
                padding: 4px;
                border: 1px solid #000;
                background-color: #dcdcdc;    
                float: left;
            }
        </style>
    </head>
    <body>
        <div class="folder">
            text<br>text<br>text<br>
        </div>
        <div class="d">
            nie ma mnie<br>nie ma mnie<br>nie ma mnie<br>nie ma mnie<br>
        </div>
 
        <div class="folder">
            text<br>text<br>text<br>
        </div>
        <div class="d">
            nie ma mnie<br>nie ma mnie<br>nie ma mnie<br>nie ma mnie<br>
        </div>        
 
        <div class="folder">
            text<br>text<br>text<br>
        </div>
        <div class="d">
            nie ma mnie<br>nie ma mnie<br>nie ma mnie<br>nie ma mnie<br>
        </div>            
        <br style="clear: both; " />
    </body>
</html> 
[HTML] pobierz, plaintext

i chciałbym, żeby element "d" zachowywał się tak, jak na tym screenie ( Pain ;-) ) - czyli wyświetał się pod DIVem folder nie wpływając na to co jest pod/obok niego. Rozwiązanie na pewno jest banalne, ale ja nie wiem. ;P

Void

20.09.2009, 13:00:59

Dodaj do klasy .d w stylach 'position: relative' i kombinuj z odpowiednimi parametrami left i top (mogą być ujemne).

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.