Kod: Zaznacz cały
<div id="srodek">
<div id="srodek_naglowek">
<img src="grafika/scr1.jpg" />
</div>
</div>
Kod: Zaznacz cały
*
{
margin: 0;
padding: 0;
}
body
{
color: #ffffff;
font-family: Verdana, Arial;
height: 1200px;
margin: 0;
}
/* Sekcja odpowiedzialna za srodek */
#srodek
{
background-color: #000000;
background-image: url(grafika/tlo.png);
height: 1110px;
background-size: contain;
}
#srodek_naglowek
{
margin: 0px auto;
width: 1000px;
/* background-color: #000000; */
height: 200px;
}
Podgląd obrazka w KEDzie: Dostępne tylko dla zarejestrowanych użytkowników
Podgląd obrazka w FF: Dostępne tylko dla zarejestrowanych użytkowników
Podgląd samego diva (bez znacznika <img... />) w FF: Dostępne tylko dla zarejestrowanych użytkowników
Gdy zamiast obrazka wpiszę tekst, to okazuje się, że zaczyna się on gdzieś w środku Diva zamiast na jego lewym skraju.
PS. Czy można na to forum uploadować grafikę, by nie korzystać z serwera zewnętrznego?
Problem rozwiązany. Powodem tego zajścia było menu, które miało parametr:
Kod: Zaznacz cały
#menu_naglowek
{
background-color: #3b3b3b;
float: left;
margin: 20px auto;
}
Danie margin: auto; usunęło problem, jednak menu nie jest umieszczone symetrycznie w pionie. Jest blisko górnej krawędzi. Ciężko wyczuć ile mogę sobie manipulować tym menu góra-dół, by na każdej przeglądarce wyświetlało się to dobrze, tzn. nie wchodziło na obrazek...
Ciekawe jest to, że napis nadal jest po środku zamiast po boku. Nadal coś jest źle.