| Autor | Zpráva | ||
|---|---|---|---|
| worldmaster Profil * |
#1 · Zasláno: 19. 7. 2010, 08:09:03
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 |
#2 · Zasláno: 19. 7. 2010, 08:23:34
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 * |
#3 · Zasláno: 19. 7. 2010, 12:01:56
No jo, ale to ty "delfíny" nebudou uprostřed. Ja potřebuju mít zarovnaný uprostřed všechno :-(
|
||
| worldmaster Profil * |
#4 · Zasláno: 19. 7. 2010, 12:05:41
Povedlo se mi to dát pomocí max-width:1300px bohužel tohle,a le fungovat pod ie6 nebude :-(
|
||
| worldmaster Profil * |
#5 · Zasláno: 19. 7. 2010, 12:13:24
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 * |
#6 · Zasláno: 19. 7. 2010, 12:22:16
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 :-( |
||
|
Časová prodleva: 14 let
|
|||
0