Witajcie!
Na samym wstępie chciałbym ostrzec, że nie jestem jakimś zaawansowanym użytkownikiem CSS'a. Chciałbym dowiedzieć się czy na ten moment wszystko robię dobrze, czy nie ma żadnych błędów w kodzie. Ma to być "przedstrona" z wyborem języka.
body { background-color: black; background-image: url("lang/Polish_Flag.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; margin: 0; min-width: 1224px; min-height: 866px; width: 100%; height: 100%; } div#Standard { vertical-align: center; padding: 0px; text-align: center; height: 866px; display: flex; } div#box-wymiar{ background-image: url("lang/bg_lang.jpg"); background-repeat: repeat-x; margin: auto; width: 400px; height: 191px; box-shadow: #000000 15; } div#box { padding-top: 5px; } p#box { text-align: center; }
A tu html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL"> <head> <title>[*pagetitle*] - Choosing lang</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="Standard"> <div id="box-wymiar"> <div id="box"> <p id="box"> BOKSIK </p> </div> </div> </div> </body> </html>
Co chciałem osiągnąć?
Chciałem, by 'box' z wyborem języka znajdował się na samym środku dokumentu. Staram się robić od początku responsywną, ale widzicie jak to wychodzi... Długo się męczyłem z tym, by ustawić w środku i nie do końca jestem przekonany/nie wiem jak działa to:
display: flex;
Mógłby ktoś o tym napisać?