CSS и DIV помощ

[Dodo1987]

Здравейте.
Скоро имаше една такава тема, но не успяха да ми помогнат там.
Затова си направих нова.

Как ще стане да направя този вътрешния див където искам да е текста.
Значи цялото е в 1 див - това сивото, където е и това сивото е снимка.
Искам над снимката да направя друг див с фон и текст.
Моля за помощ.
Благодаря ви.

 

[DeathGuard_]

 <div>
<div class="pod-snimkata">
<div valign="bottom" style="padding: 3px;">
</div></div></div>

Не съм сигурен че дивовете имат валигн но...

 

[Dodo1987]

Така стават 1 под друг. И аз така мъчих но нестава.
Мисля че трябва абсолютно позициониране, спрямо 1-вия див, ама как точно ще стане ....

 

[DeathGuard_]

<div style="border: 1px solid #000000; width:555px; height:100px; padding: 10px;">
<div style="border: 1px solid #000000; height:100px;">asdasd
<div style="border: 1px solid #000000; padding: 10px; width:500px;">
</div></div></div>

Така горе долу стават както се иска.. виж ги.

 

[emagi]

style.css

#main {
position:relative;
width:400px;
height:300px;
}
#second {
position:absolute;
bottom:10px; /* тука нместваш на колко пиксела да е от долния ръб на main дива */
right:10px; /* тука нместваш на колко пиксела да е от десния ръб на main дива */
width:200px;
height:200px;
}

site.html

<div id="main">
<div id="second">
</div</div>

 

[Dodo1987]

В крайна сметка се получи това което исках и с CSS, не само с PS. :wink:

Големи благодарности на @emagi.
Използвах неговия код.
+ 1