ugrás a tartalomhoz

Egymásba nyitott DIV-ek hibája, vagy az enyém?

dfcwolf · 2007. Szep. 15. (Szo), 16.10
Sziasztok!

A problémám a következő. Egy DIV-be, beraktam egy képet. A képen van egy kis imagemap. Ebben a DIV-ben nyitottam még egy DIV-et de azt a kép alá teszi. Hogyan lehet azt megoldani, hogy a 2. DIV az elsőn legyen??? Az említett probléma itt nézhető meg:

http://phpvaltozat.larosapizzeria.hu/

A kék téglalapnak kellene a zászlók alá kerülni az üres területre...

Kösz a segítséget!

üdv
 
1

position

cSuwwi · 2007. Szep. 15. (Szo), 18.05
Firebuggal gyorsan ki lehet ügyeskedni, érdemes azzal finomítgatni.
A z-index csak akkor működik, ha a position elem be van állítva.
Az #input divbe beraktam egy position:absolute, top: 200px-et és a helyére került. Sztem ez elég lesz, IE alatt is nézd meg, de sztem jó lesz.
2

IE6

dfcwolf · 2007. Szep. 15. (Szo), 19.13
Köszönöm!

Megnézem. A nagy gondom IE6-al volt...
3

IE6

dfcwolf · 2007. Szep. 15. (Szo), 19.21
Hello!

Sajna IE6 alatt nem ok. Kiteszi a kék téglalapot a #lap mellé jobbra...
4

akkor most

cSuwwi · 2007. Szep. 15. (Szo), 19.37
Nos, akkor nézzük máshogy.
position: relative;
top: -260px;

nekem így IE6 és FFX 2.0 alatt is jó.
Mint említettem firefox alatt Firebug, IE alatt pedig IE Developer Toolbar-ral fegyverkezz fel, sokkal könnyebb debugolni :)
5

Ez igen! de...

dfcwolf · 2007. Szep. 15. (Szo), 20.48
Köszönöm!

Majdnem tökéletes, de amikor beleteszem a táblázatba rakott imput mezőket, akkor megint szétesik...


Tudod, felnézek azokra akik nem irígylik a tudásukat!

Mégegyszer köszönöm a nagy segítséged!
7

table

cSuwwi · 2007. Szep. 15. (Szo), 21.01
A beszúrt táblázatod 290 px széles, a div meg 285. Ez ffx alatt nem gond, de az IE nem szereti. Vedd le 285-re és a helyére mászik...
Nincs mit.
8

Jóóóóó

dfcwolf · 2007. Szep. 15. (Szo), 22.11
Végre összeállt! Köszönöm a segítséget. Ezt a táblázatos dolgot már nem vettem volna észre az tuti!

Ezer hála!
6

törik

Fraki · 2007. Szep. 15. (Szo), 21.00
Törik a float.

#jobb #input {
  overflow: hidden;
}