ugrás a tartalomhoz

Hali, css,html, ennyi ami kell, de az ieben vmi nemstimmel :P :D

Pisti20 · 2009. Dec. 1. (K), 19.03
Sziasztok.

Van egy oldalam, és ebben egy "fődiv".
A fődivben abslute pozícionálva (ffben hibátlanul) több "aldiv", és minden aldivben,
1-1 "aldivhover" div, persze nem ezekkel a nevekkel.

A problémám az lenne hogy sem az ie 6, sem a 7, nem a 8 nem úgy viselkedik ahogy kellene.
Mit értek ez alatt? Sztem minden böngszőnek szolgáljon a firefox etalonként.
Szóval a kérdés.
Hogyan tudom megoldani hogy:
a, az aldivhover alapból ne látszódjon.
b, az aldivre mutatva, jöjjön elő az aldivhover.
c, figyelembevéve a böngészőt, ie.css-ff.css fileokat töltse be az oldal.

Sokkal jobban örülnék egy egyértelmű leírásnak magyarázattal, mint linkeknek.
Köszi.
‹ CSS margin body backgroundot kap? képnézegető-multibox alkalmazása ›
 ■
1

kiegészítés

Pisti20 · 2009. Dec. 1. (K), 19.07
Annyit még hozzátennék, hogy az "aldivek" üresek, és annak is kell maradniuk, de az "aldivhover"-ek tartalmaznak szöveget.A ráhúzással kelle kiadnia az ienek ezt a dobozt, tartalmastól, stb.
2

link?

gex · 2009. Dec. 1. (K), 19.22
Van egy oldalam, és ebben egy "fődiv".
link?
3

No link

Pisti20 · 2009. Dec. 1. (K), 19.27
nincs link, nem így értem az oldalam-at, hanem hogy dologozom egyen, de megmutatom a felállást
  1. <div class="mainiv">  
  2.        <div class="aldiv">  
  3.                <div class="aldivhover"></div>  
  4.        </div>  
  5. </div>  
felépítésileg ennyi, meg pozícionálva van
  1. div.maindiv  
  2. {width:1024px;height:768px;margin:auto;border:1px solid blue;position:relative;}  
  3. div.aldiv  
  4. {width:250px;height:250px;position:absolute;top:0px;left:0px;   z-index:2;border:none;}  
  5. div.aldivhover  
  6. {z-index:-3;position:absolute;width:10px;height:10px;overflow:scroll;}  
  7. div.aldiv:hover div.aldivhover  
  8. {z-index:3;position:absolute;width:300px;height:auto;overflow:auto;}  
4

???

errata · 2009. Dec. 2. (Sze), 13.25
A problémám az lenne hogy sem az ie 6, sem a 7, nem a 8 nem úgy viselkedik ahogy kellene.
Mit értek ez alatt?
Tényleg érdekel mit értesz ez alatt, mert nem íród le miben viselkedik máshogy.
Sztem minden böngszőnek szolgáljon a firefox etalonként.
Hát vagy inkább ne, minden böngészőnek a szabvány legyen az etalon és az ff-se tökéletes sőt... csak ezt szokták meg a sitebuilderek
Szóval a kérdés.
Hogyan tudom megoldani hogy:
a, az aldivhover alapból ne látszódjon.
  1. display: none;  
b, az aldivre mutatva, jöjjön elő az aldivhover.
javascript, vagy css-trükkök de ie6 alatt nem fog menni
c, figyelembevéve a böngészőt, ie.css-ff.css fileokat töltse be az oldal.
ie hack, de inkább csináld meg rendesen a css-t!

amúgy dtd-t beraktad megfelelően? mert azét egyszerűbb kódoknál az ie8 nem kéne, hogy nagyon máshogy reagáljon mint az ff
ezzel mi a célod?:
  1. div.maindiv   
  2. {width:1024px;height:768px;margin:auto;border:1px solid blue;position:relative;}   
mert ez nagyon nem lesz így jó!!!
width:1024px;height:768px; <-- ez egy monitor felbontása nem pedig egy böngésző látható területe
border:1px solid blue;
box model!!! 1026*770 széles lesz a dived:S
margin:auto; top és bottom-nál nincs értelme az autonak akkor inkább: margin: 0 auto;

amúgy számomra még nem körvonalazódott mit is szeretnél, ha kicsit pontosítanád a dolgokat akkor tudnánk neked segíteni...
5

furcsa rés

Karvaly84 · 2009. Dec. 2. (Sze), 22.46
Üdv mindenkinek!

Nekem is lenne egy aprócska de hatalmas problémám. Kérem hogy segítsetek mert ez miatt nem tudok tovább haladni.

Adott egy kép ami benne van egy div-be. A kép után egy div-be illesztet span elem kerül a lapra amiben egy szöveg van. Ez lenne a képhez tartozó leírás.

Nos a probléma az, hogy a kép és az utána következő leírást tartalmazó div között egy rés látható de az csak akkor ha a kódban a leírást a kép után teszem be, ha a kép elé teszem akkor rendesen jelenik meg, össze ér a kép széle és a leírást tartalmazó div elem. A furcsa jelenség megfigyelhető Linux, Windows rendszereken, Opera 10, Firefox 3.0, 3.5, és az Explorer 7 alatt is.

Ezen az oldalon meg tudjátok nézni miről van szó: arkaidaniel.uw.hu
Tettem a kép fölé is meg alá is egy div-et hogy szembe tűnő legyen.
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5.         <title>Untitled Document</title>  
  6.         <style type="text/css">  
  7.             body {  
  8.                 background-color: #000;  
  9.                 color: #fff;  
  10.                 text-align: center;  
  11.                 font-size: 1.2em;  
  12.             }  
  13.               
  14.             #tarolo {  
  15.                 width: 210px;  
  16.                 height 250px;  
  17.                 margin: auto;  
  18.             }  
  19.               
  20.             .leiras {  
  21.                 background-color: #ffa500;  
  22.                 color: #000;  
  23.             }  
  24.             a {  
  25.                 color: #ffa500;  
  26.             }  
  27.         </style>  
  28.     </head>  
  29.     <body>  
  30.         <div id="tarolo">  
  31.             <div class="leiras">  
  32.                 <span>Tux a pingvin</span>  
  33.             </div>  
  34.             <img id="tux" src="tux.jpg" width="210" height="250">  
  35.             <div class="leiras">  
  36.                 <span>Tux a pingvin</span>  
  37.             </div>  
  38.         </div>  
  39.         <p>A szerkesztéshez töltsd le a <a href="teszt.zip">teszt.zip</a> fájlt</p>  
  40.     </body>  
  41. </html>  
Aki segít annak nagyon megköszönöm.

BéKE!
6

volt

gex · 2009. Dec. 2. (Sze), 22.51
https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps

volt már párszor és legközelebb új kérdés, új téma.
7

bocs

Karvaly84 · 2009. Dec. 3. (Cs), 03.33
bocs de nem tudok angolul de azért köszi a segítséget, néhány kulcs szóból sikerült rájönnöm mi a probléma.