Pasek na całą szerokość ekranu.

pytanie zadane 25 lutego 2016 w HTML i CSS przez GCon Nowicjusz (120 p.)

Jak ustawić menu poziome na całą szerokość ekranu?

Tak jak tutaj:

6 odpowiedzi

odpowiedź 25 lutego 2016 przez Eryk Andrzejewski Mędrzec (164,260 p.)

odpowiedź 25 lutego 2016 przez saliwan22 Gaduła (3,110 p.)

odpowiedź 25 lutego 2016 przez RegularLemon Stary wyjadacz (12,280 p.)

Szerokość menu na szerokość ekranu, żadnych marginów ani paddingu.

.menu {
  width: 100vw;
  margin: 0;
  padding: 0;
}

komentarz 26 lutego 2016 przez HaKIM Szeryf (87,590 p.)

żadnych marginów ani paddingu.

A jednak jakieś są. :)

odpowiedź 25 lutego 2016 przez DarkEliat Bywalec (2,810 p.)

Zgadzam się z tym, że trzeba ustawić marginesy na 0 (margin-left: 0px; margin-right: 0px;) oraz szerokość diva z menu na 100% szerokości (width: 100%). Lecz to nie wszystko ten div z opcjami menu musi być poza głównym divem strony (chyba, że div strony ma 100% szerokości, wtedy div z menu może znajdować się w środku).

np.:

<body>

<div id="logo">LOGO</div>

<div id="menu">

<div class="opcja_menu">Strona główna</div>

<div class="opcja_menu">Download</div>

<div class="opcja_menu">Autor</div>

</div>

<div id="pojemnik">

Cała zawartość strony

</div>

</body>

komentarz 25 lutego 2016 przez Dynamic Bywalec (2,910 p.)

Ten pasek będzie na cala szerokość, a jak wysrotkowac w nim te przyciski ?

komentarz 26 lutego 2016 przez DarkEliat Bywalec (2,810 p.)

Z tego co pamiętam klasa opcja_menu powinna posiadać stałą długość np.: width: 100px;

By wszystkie przyciski były koło siebie należy użyć: float: left; wydaje mi się także, że trzeba klasie opcja_menu dodać: margin-left: auto; margin-right: auto;

Powinno działać, ale nie działa to spróbuj nadać menu stałą szerokość. W razie problemów pisz, sam się z tym męczyłem przez długi czas. Pozdrawiam.