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


(cristi) #1

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.


(Ionut Tudor) #2

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


(cristi) #3

Nu am niciun framework …


(Ionuț Staicu) #4

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