07-10-2009, 15:50
Witam
Tworze stronke i borykam się z następującym problemem:
Na samej górze mam diva z tlem imitujacym zachmurzone niebo
(ustawiony jpg z chmurkami jako background tego diva).
Efekt bedzie w pełni widoczny przy wyższych rozdzielczosciach, natomiast przy mniejszych div bedzie sie kurczył(max-width:1011px; min-width:903px
.
Problem polega na tym ze pod nim znajduje sie div o stalej szerokosci z zawartoscia strony, ktory ma byc wysrodkowany. Niestety w przypadku zmiejszania okna przeglądarki ponizej 1011px, div o stalej szerokosci przesuwa sie wzgledem diva z ograniczona plynnoscia gdyz węższy jest dalej wysrodkowany, a szerszy zaczyna zmniejszac swoj rozmiar ale tylko z jednej stony z prawej. Troche to zamotane dlatego umieszczam przykładJak widac po zmniejszeniu okna przegladarki zielony div zmienia swoje polozenie wzgl. żółtego, a ja chcialbym zeby tak sie nie dzialo poniewaz mam grafike w jednym i drugim która nie może się przesuwac względem siebie(nastapi to wtedy kiedy szerzszy div będzie się kurczył równomiernie z dwóch stron a nie tylko z jednej.
Czy jest sposob zeby otzrymac taki uklad plywajacy zeby element szerszyzmienial swoja szerokośc z dwóch stron a nie tylko z jednej?
Z góry dziekuje i pozdrawiam.
Tworze stronke i borykam się z następującym problemem:
Na samej górze mam diva z tlem imitujacym zachmurzone niebo
(ustawiony jpg z chmurkami jako background tego diva).
Efekt bedzie w pełni widoczny przy wyższych rozdzielczosciach, natomiast przy mniejszych div bedzie sie kurczył(max-width:1011px; min-width:903px
.Problem polega na tym ze pod nim znajduje sie div o stalej szerokosci z zawartoscia strony, ktory ma byc wysrodkowany. Niestety w przypadku zmiejszania okna przeglądarki ponizej 1011px, div o stalej szerokosci przesuwa sie wzgledem diva z ograniczona plynnoscia gdyz węższy jest dalej wysrodkowany, a szerszy zaczyna zmniejszac swoj rozmiar ale tylko z jednej stony z prawej. Troche to zamotane dlatego umieszczam przykład
Kod:
<head>
<style type="text/css">
body{text-align: center;}
#clouds {
max-width:1011px;
min-width:903px;
background:#f7ed3c;
height:200px;
margin-left:auto;
margin-right:auto;
}
#down {
margin-left: auto;
margin-right: auto;
height:600px;
background:#29f534;
width:800px;}
</style>
</head>
<body>
<div id="clouds"></div>
<div id="down"></div>
</body>Czy jest sposob zeby otzrymac taki uklad plywajacy zeby element szerszyzmienial swoja szerokośc z dwóch stron a nie tylko z jednej?
Z góry dziekuje i pozdrawiam.
