Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Szkielet strony, a reklamy po bokach
Forum PHP.pl > Forum > Przedszkole
kosmos
Witam,

Zastanawiam się na tematem reklam po bokach strony.
Najszybciej zobrazuję to rysunkiem:


i teraz kodzik:

  1. <div class='kontener'>
  2. <div class='gora'>naglowek</div>
  3. <div class='srodek'>tresc strony</div>
  4. <div class='dol'>stopka</div>
  5. </div>


i teraz jak najlepiej ogarnąć temat wrzucenia reklamy po prawej stronie? W taki sposób?


  1. <div class='kontener'>
  2. <div class='gora'>naglowek</div>
  3. <div class='kontener-srodka'>
  4. <div class='lewy'>tresc strony</div>
  5. <div class='srodek'>tresc strony</div>
  6. <div class='prawy'>SKYSCRAPER</div>
  7. </div>
  8. <div class='dol'>stopka</div>
  9. </div>


  1. .lewy {float:left;}
  2. .srodek {float:inside;}
  3. .prawy {float:right;}


Zagra to?
tzm
poza kontenerem div na position fixed, right 0
com
trochę semantyki do kodu nie zaszkodzi smile.gif
kosmos
Cytat(tzm @ 25.06.2015, 22:18:18 ) *
poza kontenerem div na position fixed, right 0


position: fixed; najprawdopodobniej chowa mi treść (reklamę) pod nagłówek, bo nie widzę tekstu który umieściłem w divie. Bez position tekst leci na lewy dół strony.
tzm
Cytat(com @ 25.06.2015, 22:19:40 ) *
trochę semantyki do kodu nie zaszkodzi smile.gif


a co nie semantycznego jest w oddzieleniu reklamy od kontenera strony?

w fixowym divie jeszcze musialbys najlepiej ustawic display: flex; align-items: center; justify-content: center;
com
tzm nie zrozumieliśmy się, chodzi o html5 i znaczniki(aside), a resztę zostawiam wam smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.