display: table + padding = margin (Operában)
Sziasztok, egy furcsa problémára leltem rá, röviden: van egy div amiben van még egy div (display: table; padding: 5px;). A belső divben annyi szöveg van, hogy teljesen kitölti a külső divet. Azaz csak kitöltené, ugyanis az Opera jobb oldalra padding-left+padding-right méretű margint helyez (tehát ha 5px mindkettő, akkor 10px-es margin lesz jobb oldalt).
Na de itt a kód is, úgy érthetőbb:
Úgy megoldható, ha negatív margint adok meg, csak hát akkor a többi bögnészőben van probléma.
■ Na de itt a kód is, úgy érthetőbb:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
div.kulso-doboz
{
width: 300px;
background-color:#CCFF00;
}
div.belso-doboz
{
padding: 5px;
display: table;
background:red;
text-align:justify;
}
</style>
</head>
<body>
<div class="kulso-doboz">
<div class="belso-doboz">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia</div>
</div>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
div.kulso-doboz
{
width: 300px;
background-color:#CCFF00;
}
div.belso-doboz
{
padding: 5px;
display: table;
background:red;
text-align:justify;
}
</style>
</head>
<body>
<div class="kulso-doboz">
<div class="belso-doboz">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia</div>
</div>
</body>
</html>
Úgy megoldható, ha negatív margint adok meg, csak hát akkor a többi bögnészőben van probléma.
display table nélkül
Anélkül jó,
Hmm
Igazad van
Viszont továbbra is érdekelne, hogy miért így jelenik meg az Operában.
A segítséget meg köszönöm!
Egy div
A külső kell
min-height tulajdonság
nem pont erre a szituációra találták ki a min-height tulajdonságot? ie ugyan nem ismeri, de mint te is említetted
gex