wymiarowanie div na podstawie szerokości okna

Mam dziwne pytanie. Na mojej stronie mam główny obraz planety w jakiejś ciężkiej mgławicy. Mam to skonfigurowane, więc minimalna szerokość wynosi 1000px, a maksymalna 1500px. Mam wygaszone boki i wygląda to świetnie z większymi ekranami. Chciałbym spróbować, gdy na przykład patrzysz na urządzenie przenośne i obcinasz szerokość na 1000 pikseli, chciałbym, aby obraz miał szerokość 1300 pikseli, wyśrodkowany i wycięty 150 pikseli z każdej strony, aby nie było widać zanikania, ale nadal jest w stanie powiększyć, szerokość okna staje się większa, powiedzmy, jak duży iMac, a następnie zanikanie staje się ponownie widoczne, gdy miniesz szerokość 1300 pikseli.

Moją pierwszą myślą było zrobienie czegoś z ujemnymi marginesami po obu stronach, ale nie mogłem tego zrobić, zachowując maksymalne i mieszane szerokości.

To jest ten konkretny fragment kodu ze strony, chociaż html i css są właśnie tam, aby każdy mógł je zobaczyć, możesz po prostu użyć polecenia fine, aby znaleźć ten identyfikator div dla dalszego wyszukiwania.

<code><div style="position:relative;width:100%;">
   <div id="help" style="
      position:relative;
      z-index:1;
      height:100%;
      min-width: 1000px;
      max-width: 1500px;
      margin: 0 auto;
   ">
      <img src="http://i.stack.imgur.com/tFshX.jpg" border="0" style="width:100%;">
   </div>
</div>
</code>

Wszelkie przemyślenia na ten temat są bardzo bliskie działania, tak jak chciałbym to zrobić, wystarczy niewielka zmiana.

questionAnswers(4)

yourAnswerToTheQuestion