Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Divy w Divie
orange_91
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 14.02.2010
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


hey.,
Trochę siędzę i się męczę z czymś dość prostym.
Mam div tresc, a w tym dive mam div x1 oraz div x2, w tych divach jest wyświetlany teskt - i tu uwaga wysokość jest zależna od ilości tekstu.
A teraz problem z div tresc - czemu div x1 i div x2 uciekają z div tresc (IMG:style_emoticons/default/questionmark.gif) Div tresc się kończy i to dość szybko (IMG:style_emoticons/default/tongue.gif) .
wygląda to tak :

(IMG:http://power-design.pl/rozpiernicz/bad.jpg)


tak to mniej wiecej wyglądać powinno - na obrazku jest bez tereści. - zaznaczone są elemnty wyglądu za jakie są odpowiedzialne napisane divy,
(IMG:http://power-design.pl/rozpiernicz/beok.jpg)

i efekt na drugim obrazku został uzyskany za pomocą height dla div tresc, ale twarde ustawienie w px (wartość auto też nie pomaga) , nie rozwiązuje sprawy bo on musi być zależy od div x1 lub / oraz x2.

o to kawałki kodu:
Kod
#tresc {
    width:900px;
    background: url(pasex.png) repeat-y;
}

#x1 {
    margin: 0px 5px 0px 25px;
    padding:5px;
    width: 190px;
    float: left;
    border-style:solid;
    border-color:#fff #111 #111 #fff;
    border-width:1px;
    background-color:#fff;

}

#x2 {
    margin: 0px 25px 0px 5px;
    padding: 5px;
    width: 626px;
    float:right;
    border-style:solid;
    border-color:#fff #f70 #f70 #eee;
    border-width:1px;
    background-color:#fff;
    color:#110;

}


a tu jak to wygląda w html który jest php (IMG:style_emoticons/default/tongue.gif)

Kod
<div id="tresc">
            <div id="x1">
            <?php include 'pak1.php'; ?>
            </div>
            
            <div id="x2">
            <h4>Ble ble</h4>
            <?php include 'pak1.php'; ?>
            </div>
        
        
        </div>
        
        <div id="stopka">
        
        </div>

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
orange_91
post
Post #2





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 14.02.2010
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Niestety to nie rozwiązuje sprawy.
Ale dzięki za dobry trop, bo te floady coś mącą. Gdy ich nie ma dla x1 oraz x2 to jest ok. ale wtedy znajdują się one pod sobą a nie obok siebie.
Tu na obazku jest x1 bez fload a x2 z float:right;. W jaki sposób ustawić te dwa divy obok omijając fload który powoduje wyskoczenie ich z ram ich głównego divu (IMG:style_emoticons/default/questionmark.gif)

(IMG:http://power-design.pl/rozpiernicz/fload.jpg)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.09.2025 - 23:46