Miért nem jó a kód?
Nos, van egy HTML + css kódom, annyi a lényege, hogy az oldalt 3 részre osztja (3 divvel), de valamiért nem jó :(
A hiba az, hogy a bal oldali és a középső jó, de a jobb oldali nem egy sorban van a többivel..
HTML:
<div id="left">bal</div>
<div id="center">közép</div>
<div id="right">jobb</div>
CSS:
#left{
position: fixed;
float: left;
margin-top:48px;
width:150px;
background-color:#f2f2f2;
height:614px;
}
#center{
margin-left:158px;
width:100%;
height:100%;
}
#right{
margin-top:48px;
float: right;
width:20%;
background-color:#f2f2f2;
height:614px;
}
Elképesztően random ez a CSS.
Ha nem a gyakorlás a cél, akkor használj Bootstrapet.
Ha a gyakorlás, hát akkor van még mit.
<style>
body{
margin:0;
}
#three_columns{
display: table;
width: 100%;
margin-top:48px;
height:614px;
}
#left{
width:150px;
background-color:#f2f2f2;
display: table-cell;
}
#center{
background-color:#f9f9f9;
width:auto;
display: table-cell;
}
#right{
width:20%;
background-color:#f2f2f2;
display: table-cell;
}
</style>
<div id="three_columns">
<div id="left">bal</div>
<div id="center">közép</div>
<div id="right">jobb</div>
<div>
További 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!