[blakker]

#css3 #responsivedesign #css
Aktualny css:

![](images/header.png) 

img .hej {
width:100%;
height:100%
}

Niestety, ale w tym wypadku na stronie pojawia sie wielkie 0.xD Jak zrobic aby obrazek sie scalowal do rozmiaru ekranu/przegladarki, a zarazem nie posiadal nic procz samego obrazka?

[pewnie-kaczka]

@blakker: sproboj, w body dodać overflow: hidden;

[TheBestThing]

@blakker:

img .hej

Usuń spację przed kropką ( ͡° ͜ʖ ͡°)

[blakker]

overflow: hidden;

@TheBestThing: @pewnie-kaczka: ani to, ani tamto nie dziala. xD

[h.....a]

@blakker: usun img i zostaw samo .hej

[krolik1337]

@blakker: nie pamiętam cssa tak dobrze, a średnik po height? xD

[blakker]

@hanabira: nie dziala. xD
@krolik1337: dopisalem go , nie dziala. xD

[TheBestThing]

@blakker: A bez styli to zdjęcie się w ogóle wyświetla? Może ścieżkę #!$%@?łeś

[FairPlay]

@blakker: https://codepen.io/FerPlej/pen/RwaROvb

Coś najwyraźniej musisz mieć nie tak ze zdjęciem

[h.....a]

img.hej {
width: 100%;
height: 100%;
}

@blakker:

[pewnie-kaczka]

@blakker: do body dodaj jeszcze margin: 0;

[blakker]

@TheBestThing:

Wczesniej na tej sciezke sie wyswietlalo. (nalozylem dwa zdjecia na siebie aby wypelnic pusta powloke. )
@FairPlay:

Praktycznie powinno dzialac dlatego sie zastanawiam czemu nie dziala.
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
Moze dlatego?

@pewnie-kaczka: dodaje margin 0 oraz 0 auto, nie dziala. xd

@hanabira: Probowalem wszystkich tych kombinacji. Nie dziala. xD

Robie theme pod wp.

[FairPlay]

@blakker: Nie, daj link do całego kodu jaki masz. Na codepena czy gdzie. Nie wiemy co tam jeszcze nakodowałeś

[pewnie-kaczka]

@blakker: na pewno masz zdjęcie w images? xd

[blakker]

@pewnie-kaczka: tak mam XD

@FairPlay:

!<a href="//images/header.png" target="_blank">Norway</a>

Zaden div nie jest powiazany z owym obrazkiem procz "hej". Wiec nie wiem co tu mam Ci wkleic xD

/*
 - nawigacja oraz logo w srodku xD
*/

/*
klasa hej oraz jej img xD
*/
.hej {

 width:100%;
 height: 100%;
 margin:0 auto;
 overflow: hidden; 
 position:relative;

}

/*
body const ms to container dla newsow. On ma sie znadjowac pod "headerem".
*/

[pewnie-kaczka]

@blakker: zobacz jeszcze czy dobre rozszerzenie, może header w .jpg xd, ew w cssie linkuj do headera

[FairPlay]

@blakker: Z dupy te headery masz rozmieszczone - otwierasz element znacznikiem zamykającym? Wyczyść cache / sprawdź czy na incognito też problem występuje

[XaDasz]

@blakker: dla img.hej
height: auto;