 [CSS] Prośba o dobrą rade w związku z ułożeniem divów |
| [CSS] Prośba o dobrą rade w związku z ułożeniem divów |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 106 Pomógł: 0 Dołączył: 13.11.2008 Ostrzeżenie: (0%) 
 |
Witam, chciałbym poprosic o porade na temat jak ułozyc taki układ divów.
(IMG:http://zaaap.xon.pl/prv/divy.png) Div 3. ma byc swego rodzaju containerem ograniczającym. I teraz zastanawiam się jak umieszczac kolejne divy, zeby IE to łykał. W IE zaciąłem sie juz na 6. divie, który przy ładowaniu sie pojawia, jak po całkowitym zaladowaniu zostaje jakby zakryty, gdyz znika. Div No.6. Kod srodek_tytuly { background-color: #151c23; position: absolute; margin-top: 300px; height: 40px; padding-left: 10px; } Teraz uklad divow wyglada nastepujaco: Kod <div id="2"> <div id="3"> <div id="4">napis tytulowy </div> <div class="5"> witamy<br/> zapraszamy do przegladania zawartosci i częstego jej odwiedzania </div> <div class="6"> oto my! </div> </div> </div> FF to łapie, IE nie (6 div). Poza tym zastanawiam się jak je układac, zeby nie trzeba było cały czas z absolute leciec, bo przy roznych rozdzielczosciach to sie posypie (no niby mozna %, ale wolalbym na zasadzie odstępu w margin-top od diva znajdujące sie nad nim). Prosze o pomoc (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif) |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 106 Pomógł: 0 Dołączył: 13.11.2008 Ostrzeżenie: (0%)
|
OK to leci:
CSS: Kod /*divy (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) !!!!!!!!!!!!!!!!!!!!!!!!*/ #szeroki_top{ background-image:url(../img/tlo_gora3.png); height:170px; width:100%; position:relative; z-index: -2; } #container { margin-left:auto; margin-right:auto; width:800px; position:relative; z-index: -1; } .tekst{ position: absolute; font-family: Tahoma; font-size: 40px; color: white; margin-left: 10px; margin-top: 5px; z-index: 1; } /*divy do tekstow!!!!!!!!!!!!!!!!!!!!!!!!!!*/ #top_newsa{ height:56px; width:300px; margin-top:30px; background: url(../img/000.png); position:absolute; z-index: 1; } .gora_index{ width:600px; margin-top:90px; position:absolute; line-height: 150%; z-index: 1; } #srodek_tytuly { background-color: #151c23; position: absolute; margin-top: 300px; height: 40px; padding-left: 10px; z-index: 1000; } Włanie odkryłem, winowajce psucia mi tego diva 6. pod IE. Otoz jest to hack na IE do przezroczystosci .PNG. W takiej formie Kod <style type="text/css"> /* hack na png w IE */ img, input { behavior: url("iepngfix.htc") } </style> Div 6. bedzie wyswietlany, lecz png bedzie nieprzezroczysty. Jakies pomysły? klik Ten post edytował zaaap 9.12.2008, 17:43:39 |
|
|
|
zaaap [CSS] Prośba o dobrą rade w związku z ułożeniem divów 8.12.2008, 22:22:37 
erix Po pierwsze - nazwy nie mogą się zaczynać od cyfr.... 8.12.2008, 22:34:16 
zaaap Cytat(erix @ 8.12.2008, 22:34:16 ) Po... 8.12.2008, 22:43:56 elmozaur divy znikaja bo nie maja ustawionych z-indexow.
im... 9.12.2008, 08:39:36 Pilsener Proponuję:
http://kurs.browsehappy.pl/CSS/Float
I ... 9.12.2008, 08:59:48 zaaap Wielkie dzieki za link i wyjasnienia. "pomog... 9.12.2008, 14:23:19 erix Wrzuć gdzieś cały działający kod, bo tak, to możem... 9.12.2008, 17:23:56  |
|
Aktualny czas: 26.12.2025 - 13:37 |
