Jak zrobić stronę o ustalonym wymiarze na środku okna przeglądarki?
Coś takiego jak w http://barolo.pl/
Mamy główne tło: pionowy pasek gradientowy powtarzany wzdłuż osi x
Głównym elementem jest ciemnobrązowe pole, które jest powiększonym
obrazkiem - ciemnobrązowym kwadracikiem.
Zrobiłem coś takiego
w html: <img id="tlo_kont" src="tlo_kont.png">
w css: #tlo_kont {position: absolute; top: 275px; left: 16px; width:
883px; height: 550px; }
jednak w takim wypadku obrazek pozostaje oczywiście cały czas przy lewej
stronie, a chciałbym gdy poszerzę okno przeglądarki, stał na środku
Mogę zrobić float:right ale nie ma niestety float:center czy
float:middle, chociaż jest float:left i float: none oba nic nie robiące
w text-align mogę zrobić center ale to nic mi nie daje bo działa tylko
dla tekstów a nie dla obrazków
Zapisałem tą stronę za pomocą Firefoksa (przy zapisie Chrome dodaje 80
kB czegoś) i patrzyłem w css ale tam jest zupełnie inaczej niż ja
zacząłem robić:
div.k0 {position: relative; margin: auto; width: 915px; text-align: center;}
(zapis css przy IE daje coś zupełnie innego)