Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Dość specyficzne ułożenie divów
Forum PHP.pl > Forum > Przedszkole
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
  1. #first
  2. {
  3. width: 100%;
  4. height: 100%;
  5. border: 1px solid orange;
  6. }
  7. #second
  8. {
  9. width: 200px;
  10. height: 200px;
  11. float: right;
  12. border: 1px solid red
  13. }



  1. <div id="first">
  2. <div id="second"></div>
  3. </div>


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.

  1. <style type="text/css">
  2. div#tresc { border: 1px solid #000; width: 700px; height: 200px; }
  3.  
  4. div#prawy { float: right; width: 300px; border: 1px solid red; margin: 5px; height: 100px}
  5.  
  6. <div id="tresc">
  7.  
  8. <div id="prawy">Cost mamamamam</div>
  9.  
  10. hahah test
  11.  
  12. </div>
piotrooo89
Cytat(Watt @ 25.01.2010, 21:01:45 ) *
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.
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.
piotrooo89
musisz ustawić div'a second na samym początku diva first i dopiero wtedy coś działać.
pedro84
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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.