Problem css oraz IE

pytanie zadane 13 maja 2016 w HTML i CSS przez michal Mądrala (5,560 p.)

Witam,

Mam taki kod:

.background
{
	width: 100%;
	height: 100%;
	position: fixed;
	background-image: url('../image/tlo2.jpg');
	background-size: cover;
	z-index: -100;
}
content
{
	width: 100%;
	height: 100vh;
	display:flex;
	justify-content: center;
	color:white;
}

h1
 {
	display: none;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
}
.logged
{
	width: 80%;
	border: 2px solid white;
	margin: auto;
	text-align: center;
	padding: 10%;
}

Teraz problem polega na tym że w chrome, opera wyświetlają wszystko ok, czyli elementy które się znajdują w content na środku strony i są równie marginesy prawo lewo, góra dół, natomiast poza tym w IE ta zawartość przykleja się do górnego prawego rogu.

Drugi mam taki, że div z klasą backgroud chciałem żeby zajmował całe okno przeglądarki natomiast treść żeby można było przewijać i tak jest we wszystkich przeglądarkach na komputerze, a na telefonie w mini operze, oraz w standardowej przeglądarce samsunga to tło przewija się razem z treścią.

Będę wdzięczny za wszelkie sugestie.

komentarz 13 maja 2016 przez Niespecjalny Gaduła (4,180 p.)

uroki IE :D

komentarz 13 maja 2016 przez kubaapk Nałogowiec (44,270 p.)

http://caniuse.com/#search=flexbox

komentarz 13 maja 2016 przez michal Mądrala (5,560 p.)

To lepiej z tego zrezygnować jeśli przez IE 11 jest tylko częściowo wspierane? Ja właśnie na IE11 to testowałem.

1 odpowiedź

odpowiedź 13 maja 2016 przez Mateusz821 Bywalec (2,940 p.)

.background
{
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url('../image/tlo2.jpg');
    background-size: cover;
    z-index: -100;
}
content
{
    width: 100%;
    height: 100vh;
    display:flex;
    justify-content: center;
    color:white;
}
 
h1
 {
    display: none;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}
.logged
{
    width: 80%;
    border: 2px solid white;
    margin: auto;
    text-align: center;
    padding: 10%;
}

Przed content nie powinno być kropki, jako znak klasy?

komentarz 13 maja 2016 przez michal Mądrala (5,560 p.)

Nie, bo content to znacznik :)

komentarz 13 maja 2016 przez Mateusz821 Bywalec (2,940 p.)

A wytłumacz mi dlaczego nie div? Dlaczego nie article, footer, header, aside?

komentarz 13 maja 2016 przez michal Mądrala (5,560 p.)

Nie wiem czy dobrze robię, ale umieściłem całą zawartość w znacznikach content. Header mam wyżej i przyklejony do górnej krawędzi, a zawartość chciałem mieć centralnie na środku strony zarówno góra dół, jak i prawo lewo. Nie wiem czy dobrym tokiem myślenia idę.