Kezdőoldal » Számítástechnika » Programozás » Miért nem jó a kód?

Miért nem jó a kód?

Figyelt kérdés

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;

}



2017. júl. 1. 18:25
 1/4 A kérdező kommentje:
center-nél a width:60%
2017. júl. 1. 18:30
 2/4 anonim ***** válasza:
0%

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.

2017. júl. 1. 18:33
Hasznos számodra ez a válasz?
 3/4 anonim ***** válasza:
Az egyik baj, hogy a centernek 100% szélességet adsz, így a többinek már nincs helye. Úgy már működik, ha kissebbre veszem a szélességet, és a centert is floatolom. [link] Persze nem vagyok túl büszke erre a megoldásra, de igyekeztem a lehető legkevesebbet változtatni a kódodon a probléma megoldásához.
2017. júl. 1. 20:24
Hasznos számodra ez a válasz?
 4/4 sharkxxx ***** válasza:

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

2017. júl. 2. 10:42
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!