Problema body width / am un 980px pe body care nu este specificat in css

Lucrez la un site de cateva ore si nu imi dau seama de ce imi ia 980width pe body…

Si de la problema asta si header-ul este pe 980px in loc sa fie 100%… si culoarea de fundal e limitata.
Pagina o am urcata aici: www.designmaniac.ro/test/
pt cod. Ms si astept un rasp.

Poate ar trebui sa creezi documentul cu HTML5.
Poate din cauza asta e eroarea. Nu ai link catre vreun CSS Framework, nu?

Nu am niciun framework …

În primul rând, îți lipsește viewport din header:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

În al doilea rând, folosești mărimi fixe:

.header_container  { width: 1220px }

Când, de fapt, ar trebui să fii mai flexibil:

.header_container  { max-width: 1220px }

Și, în al treilea rând, și imaginile pot face porcărioare. Le rezolvi tot cu max-width:

img { max-width: 100%; height: auto }
2 Likes