+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [XHTML] Div - problem szerokosc i obramowanie (/thread-xhtml-div-problem-szerokosc-i-obramowanie)
[XHTML] Div - problem szerokosc i obramowanie - greg_1992 - 03-01-2012
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!
RE: [XHTML] Div - problem szerokosc i obramowanie - kancik - 03-01-2012
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;
RE: [XHTML] Div - problem szerokosc i obramowanie - greg_1992 - 03-01-2012
Dzięki za pomoc, może nie pomogło ale dało do myślenia i mam prawie końcowy efekt . Oczywiście +.