<aside> odsuwa elementy w <center>

0

Cześć, mam mały problem. Myślałem, że zawartość w <aside> pokaże się po boku strony nie zmieniając tego co jest w jej centrum, ale się myliłem. Między "Aplikuj już dziś", a danymi nie powinno być takiego odstępu, lecz logo po lewej je oddala.

site 1.png

Przy okazji:
Przy próbie przesunięcia "sidebaru" (float:right) w prawą część strony, dzieje się coś takiego:

site 2.png

Wiem, że pewnie chodzi tutaj o to samo zagadnienie, jednak nie umiem tego rozwiązać.

1

Powinieneś ustawić jakiś jasny kolor tła z kanałem alpha dla tekstów.

Lewą część strony powinieneś zawrzeć w jednym divie, prawą część w drugim.
float: left; | float: right;
clear: both;

Jeśli chcesz, żeby obie części strony były na środku, to po prostu wsadź je (razem z divem clearującym) do wyśrodkowanego diva z ustaloną szerokością width: 1100px; margin: 0 auto;. Floatom też ustaw jakieś szerokości, które mieszczą się w szerokości parenta.

0

Cześć, udało mi się, ale tylko częściowo. Rozdzieliłem menu z social media na lewy div i to co poniżej "aplikuj już dziś" na prawy div. W obu divach zawarłem "div class=lewa style=clear: both>"
W <style> w lewym divie mam float: left, a w prawym "display: grid". Dzięki temu social media i formularz są położone obok siebie prawidłowo, ale tym razem uciekła mi górna część strony, która zawarta jest w "center". Problem leży w tym, że nie leży pośrodku strony:

1

clear both; powinien być w divie pod divami lewym i prawym.

Górną część strony też daj do diva i daj mu styl margin: 0 auto;. Tagu center powinno się unikać we współczesnych stronach. Jak chcesz wycentrować tekst w divie, to piszesz styl: text-align: center;.

1 użytkowników online, w tym zalogowanych: 0, gości: 1