Witam!
Czy w css można zrobić małego diva w divie? Chodzi mi o coś takiego:

XXXXXXX
| |
| |
| |
| |
VVVVVVV


to jest jakiś div. W miejscu XXXXXX chciałym zrobić pasek z gradientem i napisem np. menu, chodzi mi o to aby włożyć tam innego diva.
Oczywyście powinien się rozciągać razem z całym divem.

//Edit ten obrazek miał być kwadratem ;d

Nie bardzo rozumiem z czym masz problem...

[HTML] pobierz, plaintext 
<div id="duzy_div"><div id="maly_div"></div></div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#maly_div{
width:100%;
height:100%
}
[CSS] pobierz, plaintext 

PS. To temat zdecydowanie nie PHP więc dodaj mu tagi [ HTML ][ CSS ].

Nie działa :/ maly_div nie staje sie dzieckiem duzego diva i jest on rozlany na całą stronę.

A ustaliłeś stałe wymiary dużego diva, marginesy itp ?

[HTML] pobierz, plaintext 
<div id="duzy"><div id="maly"></div></div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#duzy {
width: 400px;
height: 150px;
margin:0;
padding: 0;
}
#maly {
width: 100%;
height: 100%;
margin:0;
padding: 0;
}
[CSS] pobierz, plaintext 

//ustaw sobie kolorowe ramki tych div'ów

Nie ma, że nie staje się dzieckiem. Skoro jest w nim to jest jego potomkiem i koniec. Tak jak napisał zamper duży musi mieć stałe rozmiary aby mały go nie rozciągał na siłę.

Tylko nie zrób małego diva większego od dużego bo ci się wszystko rozwali (uwzględnij marginesy i paddingi).
// jak byś chciał aby mały był większy to ustaw 'overflow' (nie polecam)

Mam coś takiego (paneltext to mnijeszy div)

[PHP] pobierz, plaintext 
div#panel {
float : left;
background-color : #2c2c2c;
overflow : auto;
margin-top : 80px;
margin-left : 23px;
padding : 20px;
width: 13%;
}
div#paneltext{
width: 100%;
height: 10px;
background-image: url('strip.png');
}
[PHP] pobierz, plaintext 

No tak... żeby cokolwiek zrobić w html/css/php to trzeba najpierw UMIEĆ CZYTAĆ Przeczytałeś posty wyżej, czy tylko obejrzałeś z grubsza

Przeczytaj jeszcze raz wszystko dokładnie

Dobra, już wszystko dobrze działa, tylko jak zrobić aby mały div był na samej górze dużego diva? :E

[CSS] pobierz, plaintext 
#duzy_div {padding-top: 1px;padding-bottom:auto;}
#maly_div {margin-top: 1px; margin-bottom:auto;}
[CSS] pobierz, plaintext 

Tylko divy muszą mieć stałą szerokość!

Ale wtedy nie będą one elastyczne ;d

No tak. Ale po co ci ta elastyczność ?

Div mały nie jest dalej u góry...

karer.hsms.pl

Zrób test. Rozciągnij okno przeglądarki na cały ekran, a potem zmniejszaj jego szerokość (przesuwaj w lewo). Twoja strona powinna sunąć do lewej krawędzi przeglądarki na tyle ile pozwalają jej marginesy a potem się zatrzymać. Jak się zatrzyma to prawy bok przeglądarki powinien ją zakrywać. Jeżeli div'y się nie rozwaliły to jest ok

I właśnie nie jest ok :/ Zobacz na http://karer.hsms.pl/

A na ch*** masz margin-top:80px w #box i #panel Brak słów po prostu....

Temat do zamknięcia (pomogłem mu na gg)
Miał wymiary divów w % a marginesy w PX i strona się bużyła na moim ekranie (1280px) a na jego wyglądała dobrze (ok 1900px) ;D