Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

[HTML][CSS] Bledy w kodzie

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

[HTML][CSS] Bledy w kodzie

Post 20.04.2017, 17:11:59

Witam, zacząłem tworzyć stronę, i mam parę problemów związanych z cssem lub złym umieszczeniem divów w htmlu.
Pierwszym błędem jest ruszający się pasek pod menu głównym, podczas scrollowania strony pasek scrolluje się wraz ze stroną, bez menu (nic miało się nie scrollować), drugim równie irytującym błędem są białe otoczki wokół menu, czym jest to spowodowane? Marginesy? Borderu nie ma ustawionego na #ffffff lub #fff.

Kod (GitHub) - CSS i HTML: https://github.com/Kaamil3q/WWW
KamiiQ
Posty: 3
Dołączył(a): 20.04.2017

Re: [HTML][CSS] Bledy w kodzie

Post 20.04.2017, 18:14:54

1. nie rozumiem z tym paskiem. To ma się scrollować czy nie? Jeśli nie, to usuń z niego position: fixed, ewentualnie zamień na position: absolute

2.
Kod: Zaznacz cały
body { margin: 0; }
?
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19591
Dołączył(a): 14.04.2002

Re: [HTML][CSS] Bledy w kodzie

Post 20.04.2017, 20:06:40

Fakt, margin 0 w body zadzialal, lecz pasek jest nie proporcjonalny do menu (obydwa maja width: 100%;) w czym lezy problem? (chce, zeby pasek wraz z menu dostosowywaly sie automatycznie do ekranu) - scrollowanie paska jakos sie naprawilo - w sensie, cos pogrzebalem w kodzie.
KamiiQ
Posty: 3
Dołączył(a): 20.04.2017

Re: [HTML][CSS] Bledy w kodzie

Post 20.04.2017, 20:20:20

Powody są 2:
- pasek ma ustawiony padding: 5px, więc jego szerokość = 100% + 10px.
- pasek ma position: fixed, więc 100% szerokości obliczane jest na podstawie szerokości viewportu, zaś menu ma position: static, zatem 100% szerokości obliczane jest na podstawie szerokości contentu BODY, a ta wartość = 100% viewportu - 2 * 8px (margines lewy i prawy BODY).
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19591
Dołączył(a): 14.04.2002

Re: [HTML][CSS] Bledy w kodzie

Post 20.04.2017, 21:42:16

Dzieki za pomoc, wszystko naprawilem - co do pozycji fixed została zmieniona na absolute, margin ustawiony na 0 auto; i działa - w pasku wystarczyło zamienić padding na height. Zostawiam kod styli na githubie gdyby ktos mial podobny problem.
https://github.com/Kaamil3q/WWW/blob/master/styles.css
KamiiQ
Posty: 3
Dołączył(a): 20.04.2017


Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

Hosting, Domeny, SSL

Subskrypcja

Mamy 50456 zarejestrowanych użytkowników.
Najnowszy użytkownik: alafawor


Nasi użytkownicy napisali:

  • 935683 wiadomości
  • w 246589 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)