Jak zrobić 3 divy, tak aby środkowy div miał zawsze tą samą szerokość i zawsze był wyśrodkowany natomiast 2 divy po bokach zmieniały swoją szerokość zależnie od wielkości ekranu. Poniżej kod, który mam:
HTML
Kod
<div id="lewa">LEWA</div>
<div id="srodek">SRODEK</div>
<div id="prawa">PRAWA</div>
<div id="srodek">SRODEK</div>
<div id="prawa">PRAWA</div>
CSS
Kod
#lewa {
float: left;
height: 200px;
background-color: red;
width: 49%;
}
#prawa {
float: left;
height: 200px;
background-color: black;
width: 49%;
}
#srodek {
float: left;
height: 200px;
background-color: green;
width: 500px;
}
float: left;
height: 200px;
background-color: red;
width: 49%;
}
#prawa {
float: left;
height: 200px;
background-color: black;
width: 49%;
}
#srodek {
float: left;
height: 200px;
background-color: green;
width: 500px;
}