Hogy adhatok a belső 'div'-nek margókat?
A belső 'div'-nek margókat adok, így oldalhosszát csökkenteném a kölsőhöz képest minden irányból.
A beállítás viszont fentről 4%-kal, balról 2.8%-kal tolja el a belső 'div'-et a külső 'div'-nek felső és bal oldalától, így kilóg a külső 'div' többi oldalán. Mi a megoldás? (position:absolute beállítás fontos, nem módosíthatom)
<div style="height:500px; width:72%; margin-left:auto; margin-right:auto; left:0; right:0; background-color:green; position:absolute;
">
---<div style="height:100%; width:100%;margin:4% 2.8%;background-color:yellow;"></div>
</div>
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
Kisebb height-ot és width-et állítsd be a belső divnek.
Ugyanis:
Külső div 500px magas pl., a belső meg 100%, tehát az is 500px. Ebbe nem számít bele a margó, amit utána ráteszel.
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
#1-es vagyok
Elolvastad, amit írtam?
Én így csináltam vagyis próbáltam ki:
<div style="height:92%; width:94.4%;margin:4% 2.8%;background-color:yellow;"></div>
<!-- csak a belső div! -->
Bár nem teljesen úgy működik, ahogy várná az ember (az alsó margóra gondolok). De ahogy láttam, a #2-es megoldásában is ugyanúgy néz ki. Szerintem %-nál nem kéne használni tizedestörteket, vagy szimplán a %-os margin gázos...
Én inkább konkrét pixel értékeket adnék meg... A magasságra mindenképpen meg tudod tenni!
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, 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!