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

<div class="mainiv">
       <div class="aldiv">
               <div class="aldivhover"></div>
       </div>
</div>
felépítésileg ennyi, meg pozícionálva van

div.maindiv
{width:1024px;height:768px;margin:auto;border:1px solid blue;position:relative;}
div.aldiv
{width:250px;height:250px;position:absolute;top:0px;left:0px;	z-index:2;border:none;}
div.aldivhover
{z-index:-3;position:absolute;width:10px;height:10px;overflow:scroll;}
div.aldiv:hover div.aldivhover
{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.

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?:

div.maindiv 
{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.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <style type="text/css">
            body {
                background-color: #000;
                color: #fff;
				text-align: center;
				font-size: 1.2em;
            }
            
            #tarolo {
                width: 210px;
                height 250px;
                margin: auto;
            }
            
            .leiras {
                background-color: #ffa500;
				color: #000;
            }
			a {
				color: #ffa500;
			}
        </style>
    </head>
    <body>
        <div id="tarolo">
        	<div class="leiras">
                <span>Tux a pingvin</span>
            </div>
            <img id="tux" src="tux.jpg" width="210" height="250">
            <div class="leiras">
                <span>Tux a pingvin</span>
            </div>
        </div>
		<p>A szerkesztéshez töltsd le a <a href="teszt.zip">teszt.zip</a> fájlt</p>
    </body>
</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.