Ustawiłem w CSS width:100% dla diva, a mimo to jego boczne brzegi są oddalone od krawędzi stron. Div nie jest poddivem żadnego innego diva, po którym mógłby dziedziczyć takie ustawienia. Z czego może to wynikać?
Zdjęcie z problemem w załączniku.
0
0
* { margin: 0; padding: 0; }
0
Niestety nie pomaga.
Dodaję zdjęcia kodu html i css. Może czegoś nie widzę :/
Dodam, że sytuacja ta ma miejsce w każdej znanej przeglądarce.
chodzi o div logo
0
Może obrazek jest za mały?
0
Wrzuć sobie na początku jakiegoś reseta css, albo normalize. No i wyrzuć Meta z head których nie potrzebujesz / nie wrzuciłeś ich świadomie.
I spróbuj jeszcze wrzucić tam display: block;
Poklikaj sobie w Firebugu, to pewnie znajdziesz przyczynę.
0
Dzięki, reset css pomógł :)
Chciałbym się jeszcze dowiedzieć, na czym polega ten reset. Wstawiłem bezmyślnie:
html, body, div, form, label
{
margin: 0;
padding: 0;
}
img { border: 0; }
Da się tą operację jakoś przystępnie wytłumaczyć?
I czy wpływa ona jakoś znacząco na dalsze edytowanie treści strony?
0
No cóż, jakby to wytłumaczyć... "reset" to wyzerowanie/zneutralizowanie domyślnych wartości pewnych elementów, które zostały kiedyś utworzone, kiedy tworzenie stron wyglądało trochę inaczej. Teraz, często jak chcemy sobie jakoś poukładać niestandardowo elementy to nam przeszkadzają jakieś style których sami nie definiowaliśmy. Najczęściej właśnie są to odstępy głównych znaczników takich jak body, albo podkreślenia tekstu i fioletowa czcionka w odnośnikach.
Inaczej. Ktoś sobie kiedyś wymyślił, że strony będą odsunięte parę pikseli od przeglądarki bo może będzie czytelniej. No ale ty np. nie masz tekstu zaraz przy krawędzi, tylko jakiś kontener/tło względem którego potem chcesz sobie tekst odsunąć. I tutaj wasze koncepcje się krzyżują, więc likwidujesz ten odstęp, który ktoś kiedyś wymyślił.
Jak można z tego wywnioskować, nic więcej się nie zmieniło - i w dalszym stylowaniu się nie zmieni. Po prostu teraz przeglądarka nie ma odstępów od strony.
1
Zapoznaj się z narzędziami developerskimi. Tam wszystko takie widać jak na dłoni.