Autor Zpráva
worldmaster
Profil *
Dobrý den,

chci se zeptat na centrování pozadí. Mám design ve kterém je horní lišta repeat-x a ted ten problém. Po ní následuje pozadí, které chci mít také centrované. Problém je vtom, že pokud to udělám pomocí margin:0 auto, tak to usekne nebo při nižším rozlišení se bude nesmyslně sroolovat.

Příklad toho o čem píšu naleznete zde
podívejte se na toho žraloka a delfína.

Je nějaké řešení pro tento problém? Děkuju

<style type="text/css"> // Tohle jsou už nesmyslné a zoufalé pokusy
body{
  background:#fee580 url('image/top.jpg') repeat-x
}

body{
  width:1000px;
  margin:0 auto;
  background:#fee580 url('image/header.png') no-repeat
}
</style>
panther
Profil
worldmaster:
nejjednodušeji přidat div se šířkou 100%, který bude mít na pozadí delfína se žralokem. S malým rozlišením se žralok nezobrazí, což nevadí, je to jen pozadí.
worldmaster
Profil *
No jo, ale to ty "delfíny" nebudou uprostřed. Ja potřebuju mít zarovnaný uprostřed všechno :-(
worldmaster
Profil *
Povedlo se mi to dát pomocí max-width:1300px bohužel tohle,a le fungovat pod ie6 nebude :-(
worldmaster
Profil *
Jsem to vyřešil takhle, ale moc se mi to řešení nelíbí :-(

.okraje{max-width:1300px;margin:100px 30px auto;height:270px;background:........}
worldmaster
Profil *
Konečný výsledek by vypadal nějak takhle:
.okraje{margin:100px 30px auto;height:270px;background:url(........) no-repeat}

Teď mě to napadlo a právě proto tomu moc nevěřím páč v css si ještě moc nejsem jistej :-(

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: