![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 8.11.2017 Ostrzeżenie: (0%) ![]() ![]() |
Witam,
można powiedzieć, że zaczynam przygodę z tworzeniem stronek. W związku z tym chciałem zrealizować kilka projektów - przerabiając gotowe projekty graficzne na działające strony. No i natknąłem się na problem ... chciałbym się doradzić jak poprawnie powinno wyglądać nakładanie się div na div oraz ich pozycjonowanie ... mając na przykładzie: (IMG:https://images82.fotosik.pl/893/c0f9df364f9c2a48med.jpg) Chodzi mi o poprawne ułożenie ... mamy div z tłem na całą szerokość strony. W nim dwa - lewy z tekstem i prawy ze zdjęciem telefonu (CSS'a tu na razie pomijam - chodzi o czysto teoretyczne założenie). Jak wypozycjonować te kontenery, aby ".left-text" był w połowie tła, a ".right-phone" wychodził poza tło w pionie ? Plus zważywszy na to, że kolejna sekcja z tekstem "Start something new" się już zaczyna pod spodem, a obrazek telefonu nachodzi na nią obniżając tekst w kolumnie prawej ... wiadomo, że można zrobić margines górny lub odsunięcie od górnej krawędzi dla ".left-text", np: "left:5%; top:10%" itd, ale czy to jest poprawne rozwiązanie ? przy skalowaniu okna myślę, że będzie się rozjeżdżać Pozdrawiam i z góry dzięki za porady i wyjaśnienie (IMG:style_emoticons/default/smile.gif) |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 460 Pomógł: 49 Dołączył: 5.06.2011 Ostrzeżenie: (0%) ![]() ![]() |
W sumie za mało wiadomo o stronie, aby ci dać ostateczną odpowiedź. Można zastosować position: absolute albo css :before, ale brakuje wiedzy o tym, czy strona ma mieć stałą szerokość, czy mam mieć rwd. Jak ma się zmieniać na różnych ekranach. Z powodu wstawania tego smartfonu dochodzi problem odsunięcia kolumny tekstu w dół od smartfonem. Jest to dosyć nieczyste lekko hackerskie. 99% stron ma tam równo.
Najszybciej byśmy ci pomogli, gdybyś to wrzucił do codepen i można by wtedy kombinować metodą prób i błędów. Zrób najpierw stronę bez smartfonu, z ostatecznym rwd, a potem dodaj smartfon lub z niego zrezygnuj. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 15.10.2025 - 13:04 |