HTML + CSS Mi a hiba a div-el?
Van 4db div-em
első: 800px-el széles, 450px magas
benne van még 3
A második van a bal szélén: 150px széles, 450px magas
A harmadik középpen van: auto széles, 450px magas
És a negyedik jobb oldalt: 150px széles, 450px magas
A probléma, hogy a negyediket nem jeleníti meg.
A kód:
div#masodik_bal{
float: left;
width: 150px;
height: 450px;
background-color: rgba(50,50,50, 0.5);
}
div#harmadik_kozepso{
width: 500px;
height: 450px;
margin: auto;
background-color: #12aa66;
}
div#negyedik_jobb{
float: right;
margin: auto 0 auto 75%;
width: 150px;
height: 450px;
background-color: rgba(50,50,50, 0.5);
}
absolute-al nem szeretném megoldani mert akkor ha közelítek ctrl+görgő-vel akkor nem marad helyén a negyedik div. A válaszokat előre is köszönöm(:
válasza:a 4.ből szedd ki a margint (meg a 2.ból)
és mind a 3 float: left; (+position relative)
válasza:1. Célszerű egy reset css-t bevezetni minden saját formázás előtt, hogy a különböző böngészők alapbeállításait egy szintre hozzuk.
2. Minden egymás mellé álló div-nek float tulajdonságot kell adni, a középsőnek is (left mehet egész nyugodtan)!
3. A harmadik negyedik divben a marginnal mit akarsz kezdeni? Törölni!
4. Az első divnek adj position: relative értéket, hogy a benne foglalt divek megfelelően igazodjanak.
Ha ezeket megcsináltad már menni fog.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!