[CSS][HTML]Dość specyficzne ułożenie divów Opcje

[Watt]

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]

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]

[CSS] pobierz, plaintext 
#first
{
 width: 100%;
 height: 100%;
 border: 1px solid orange;
}
#second
{
 width: 200px;
 height: 200px;
 float: right;
 border: 1px solid red
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="first">
  <div id="second"></div>
</div>
[HTML] pobierz, plaintext 

Chyba tak to zadziała, nie wiem bo nie testowałem

[Watt]

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?

[b4x]

Spokojnie możliwe.

np.

[HTML] pobierz, plaintext 
<style type="text/css">
div#tresc { border: 1px solid #000; width: 700px; height: 200px; }
 
div#prawy { float: right;  width: 300px; border: 1px solid red; margin: 5px; height: 100px}
</style>
 
<div id="tresc">
 
  <div id="prawy">Cost mamamamam</div>
 
  hahah test
 
</div>
[HTML] pobierz, plaintext 

[piotrooo89]

nie wiem czy absolute jest możliwe?

jak najbardziej możliwe.

[Watt]

Niestety nie działa, proszę zobaczyć - div2 to 'jajko' i on jest na dole.

Ten post edytował Watt 25.01.2010, 23:08:03

[piotrooo89]

a którego ty div'a chcesz dać ?

[Watt]

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.

Ten post edytował Watt 25.01.2010, 21:17:45

[piotrooo89]

musisz ustawić div'a second na samym początku diva first i dopiero wtedy coś działać.

[pedro84]

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]

Tak, oczywiście, bardzo przepraszam mój głupi błąd.

Dziękuję bradzo.