Watt
25.01.2010, 20:56:21
Witam,
Mam pytanie jak zrobić taki układ divów jak na poniższym rysunku ? Jest to możliwe?
http://i49.tinypic.com/33ud7vk.jpg
piotrooo89
25.01.2010, 21:00:02
jest możliwe, tylko pytanie czy div2 ma byc na stałe w prawym górnym rogu? bo jak tak to możesz zastosować position absolute albo float right.
emtiej
25.01.2010, 21:01:31
#first
{
width: 100%;
height: 100%;
border: 1px solid orange;
}
#second
{
width: 200px;
height: 200px;
float: right;
border: 1px solid red
}
Chyba tak to zadziała, nie wiem bo nie testowałem
Watt
25.01.2010, 21:01:45
Tak ma być w górnym rogu, z tym że strona zmienia wielkość zależnie od rozdzielczości wiec nie wiem czy absolute jest możliwe?
Spokojnie możliwe.
np.
div#tresc { border: 1px solid #000; width: 700px; height: 200px; }
div#prawy { float: right; width: 300px; border: 1px solid red; margin: 5px; height: 100px}
<div id="prawy">Cost mamamamam
</div>
hahah test
piotrooo89
25.01.2010, 21:03:46
Cytat(Watt @ 25.01.2010, 21:01:45 )

nie wiem czy absolute jest możliwe?
jak najbardziej możliwe.
Watt
25.01.2010, 21:06:44
Niestety nie działa, proszę zobaczyć - div2 to 'jajko' i on jest na dole.
piotrooo89
25.01.2010, 21:08:26
a którego ty div'a chcesz dać ?
Watt
25.01.2010, 21:10:52
W divie "maincolumn_left" jest div 'First a w nim 'second'. Więc jak jest głowna treś tej strony (div maincolumn_left) to żeby w nim się wyświetlało.
piotrooo89
25.01.2010, 21:18:40
musisz ustawić div'a second na samym początku diva first i dopiero wtedy coś działać.
pedro84
25.01.2010, 21:19:00
Cytat(Watt @ 25.01.2010, 21:10:52 )

W divie "maincolumn_left" jest div 'First a w nim 'second'. Więc jak jest głowna treś tej strony (div maincolumn_left) to żeby w nim się wyświetlało.
Nadzędnemu dajesz position:relative a temu, którego chcesz tak ustawić absolute i już.
Watt
25.01.2010, 21:20:17
Tak, oczywiście, bardzo przepraszam mój głupi błąd.
Dziękuję bradzo.
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.