Webboard

Pełna wersja: Ustawienie strony na każdej rozdzielczości
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam, wczoraj borykałem się z ustawieniem grafiki w nie naturalnym ustawieniu... To już zrobiłem ale niestety nie wiem co robię źlę, a mianowicie...
U mnie strona wygląda tak:
http://i.imgur.com/PxPwX1W.png

Ale nie wiem czemu ale u kogoś innego jest kompletnie rozwalona, nie wiem co robię źlę mógłby ktoś mi pomóc?
Z góry wielkie dzięki!
Link do strony: http://187clan.xaa.pl/kupa/
Zapoznaj sie z clearfixem http://stackoverflow.com/questions/85540...a-clearfix
Pokaż kod. Wydaje mi się, że elementy nawigacji są poza .main-logo
KOD:
Kod:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="TheShadooow">
<title>UShadooowa.xaa.pl | Strona Główna</title>
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="informacja"></div>
<br><br><br><br><br>
<div class="main-logo">
   <div class="logo"></div>
</div>
   <div class="nawigacja1"></div>
   <div class="nawigacja2"></div>
   <div class="nawigacja3"></div>
   <div class="nawigacja4"></div>
   <div class="nawigacja5"></div>


</body>

Są poza, bo jak były w nim to nie mogłem ustwić odległości od góry w css, w sensie nic to nie dawało

Kod:
body {
 height: 100%;
 background-image: url(http://187Clan.xaa.pl/kupa/images/background.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
}

.main-logo {
 position: relative;
 margin-right: 150px;
 margin-left: 150px;
 height: auto;
 width: auto;
}

.informacja {
 background-image: url(http://187Clan.xaa.pl/kupa/images/informacja.png);
 height: 196px;
 width: 360px;
 left: 18%;
 top: 25%;
 margin-left: auto;
 margin-right: auto;
 position: absolute;
}

.logo {
 background-image: url(http://187Clan.xaa.pl/kupa/images/logo.png);
 height: 480px;
 width: 469px;
 left: 43%;
 margin-left: auto;
 margin-right: auto;
 position: absolute;
}

.nawigacja1 {
 background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
 height: 79px;
 width: 79px;
 right: 33%;
 top: 12.8%;
 position: absolute;
}

.nawigacja2 {
 background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
 height: 79px;
 width: 79px;
 right: 28.1%;
 top: 24.5%;
 position: absolute;
}

.nawigacja3 {
 background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
 height: 79px;
 width: 79px;
 right: 26.3%;
 top: 38.5%;
 position: absolute;
}

.nawigacja4 {
 background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
 height: 79px;
 width: 79px;
 right: 28.1%;
 top: 52.9%;
 position: absolute;
}

.nawigacja5 {
 background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
 height: 79px;
 width: 79px;
 right: 33%;
 top: 64.8%;
 position: absolute;
}

dodam jeszcze css
Nie zastosowałeś się do poprzedniego wątku.
elementy nawigacji musą być w .main-logo.
.main-logo musi mieć określoną stałą wysokość oraz szerokość.
już naprawiam i zobaczę czy zadziała

i dalej to samo :(
100% nie jest wartością stałą, musisz ustalić wymiary w px
Jak ustawię w px. to na innych rozdzielczościach będzie inaczej czyż nie?

Ustawię w px i zobaczę
Jeśli chodzi o samą pozycję to będzie identyczna na każdej rozdzielczości
Ustawiłem, zaraz sprawdzę ;D

Działa dzieki chłopaki ;)