+- 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: Problem z osadzeniem div'a (/thread-problem-z-osadzeniem-div-a)
Problem z osadzeniem div'a - akustycznie - 09-06-2011
W związku z tym, że jest to mój pierwszy post, chciałem się ze wszystkimi serdecznie przywitać
Swoją przygodę z CSS'em dopiero zaczynam, także, przyznam, że jestem naprawdę zielony. Od wczoraj męczę się nad stworzeniem prostego szablonu internetowego korzystając z DIV. Jest już gotów w 99%, ale mam problem z jednym div'em, który na zdjęciu jest opisany jako "contest". Otóż, doczytałem, że funkcja margin odnosi się względem poprzedzającego div'a albo względem następnego. Do DIV'ów sidebar1, sidebar2, contest (w takiej kolejności również występują w kodzie html) zastosowałem margin 20px, także, jak już wiem, div "contest" ma 20 pikseli marginesu od div'a "sidebar2". Moje pytanie brzmi: co zrobić, żeby DIV "contest" był na tej samej wysokości co DIV "sidebar1" (miał 20 pikseli marginesu od DIV'a "menu")? Z góry dziękuję za pomoc!
RE: Problem z osadzeniem div'a - hieroshima - 10-06-2011
musiałbyś użyć elementów pływających tj. nadać temu contest float: left; a więcej o elementach pływających tutaj --> http://kurs.browsehappy.pl/CSS/Float
RE: Problem z osadzeniem div'a - akustycznie - 10-06-2011
Przeczytałem, ale nadal nie mam pojęcia jak to osadzić tak, jakbym chciał. Wrzucam plik HTML.
RE: Problem z osadzeniem div'a - hieroshima - 10-06-2011
Masz. A kod masz fatalny...
RE: Problem z osadzeniem div'a - akustycznie - 10-06-2011
Dzięki serdeczne
! A co konkretnie jest w nim nie tak? Tak, jak wspominałem, pierwsza strona w CSS. Jestem otwarty na sugestie, a nawet bardzo bym o nie prosił, na pewno się przydadzą, bo zależy mi, żeby robić wszystko dobrze
RE: Problem z osadzeniem div'a - hieroshima - 10-06-2011
ogólnie haos, źle porozmieszczane, niekonsekwencja. Złe tagi w img ale je już usunąłem. Jak masz układ 2 kolumnowy to najlepiej zrobić sobie w całości dwa divy lewa kolumna i prawa i w tych kolumnach wstawiać rzeczy i później tymi kolumnami zarządzać, a Ty masz klase i id w każdym divie jednocześnie. Po co jak można to zrobić 3 razy krócej
Poczytaj jakieś kursy, a na pewno po jakimś czasie sam dojdziesz do tego jakie rozwiązanie będzie bardziej wydajne.
RE: Problem z osadzeniem div'a - akustycznie - 10-06-2011
Myślę, że w miarę upływu czasu na pewno będę wychwytywał takie rzeczy. Z rady na pewno skorzystam i dziękuję raz jeszcze! Sog poleciał
RE: Problem z osadzeniem div'a - hieroshima - 10-06-2011
Też tak myślę
pozdro
RE: Problem z osadzeniem div'a - akustycznie - 10-06-2011
Kod już zmodyfikowany (korzystałem z validatora - wrzucam plik jako załącznik). Tylko jest mały problem, próbując osadzić go w aukcji stopka nie przesuwa się, gdy DIV "mainContent" się rozciąga... W efekcie czego, po załadowaniu galerii do tego DIV'a, najeżdża ona na stopkę. Da się coś z tym zrobić? Przy okazji proszę o opinię na temat zmodyfikowanego kodu
Pozdrawiam!