[XHTML] Div - problem szerokosc i obramowanie

[greg_1992]

Witam,
mam problem z div'em. Po dłuższej przerwie bawie sie znowu w html i zapomniałem jak kiedyś to robiłem.

Mam div'a jako główne pole strony z obramowaniem 1px solid black, a w nim div'a z polami do logowania.

Kod:

//style
#glowny {
width: auto;
background-color: #FFF;
border: 1px solid #000;
margin: 5px 5px 5px 5px;
}

#LoginPanel {
width: 400px;
border: 1px solid green;
margin: 100px auto 100px auto;
}
// koniec stylu - plik style.css

<div id="glowny">
  <div id="LoginPanel">
  // formularz logowania
  </div>
</div>

Problem w tym jak zmniejszam okno przeglądarki (góra/dół) to obramowanie zatrzyma się 100px pod div'em (id: LoginPanel) i jest ok ,ale jak okno przeglądarki zmniejszam w bok to z prawej strony obramowanie z głównego div'a wkrada mi się na diva (id: LoginPanel) .

Pytanie co zrobić żeby obramowane z głównego diva zatrzymało się na boku z prawej strony div'a (id: PanelLogin) ,żeby nie nachodził na diva w środku?

Z góry dzięki za pomoc!

[kancik]

Nie bardzo rozumiem zastosowanie przy takim przykładzie ale najprościej obejść to tak , że nadajesz jakąś szerokość blokowi #glowny i dzięki temu jak zmniejszasz okno przeglądarki on zostaje takiej szerokości. "Auto" dopasowuje się do szerokości przeglądarki , siłą rzeczy musimy zobaczyć jak drugi blok w niego "wjeżdża" ponieważ ustawiłeś marginesy przez co jest troszeczkę wolnej przestrzeni.


Ps. zamiast pisania
margin:5px 5px 5px 5px; napisz margin:5px;
margin: 100px auto 100px auto; napisz margin: 100px auto;

[greg_1992]

Dzięki za pomoc, może nie pomogło ale dało do myślenia i mam prawie końcowy efekt . Oczywiście +.