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

Problem z szerokością div'a

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Problem z szerokością div'a

Post 05.10.2017, 13:45:20

Witam,

Oto taka sobie sytuacja:
https://jsfiddle.net/Pjotrek/7uj3mpf2/

Jest tam div z klasą "opw-separator". Nie mam pojęcia dlaczego szerokość tego diva jest taka sama jak szerokość div'a z klasą "opw-tablebox__td". Nie jest on zagnieżdżony w nim przecież. Dlaczego tak się dzieje?
pjotrek
Posty: 23
Dołączył(a): 07.05.2015

Re: Problem z szerokością div'a

Post 05.10.2017, 21:11:43

Ma to związek z tym jak specyfikacja CSS definiuje moduł tabel: https://www.w3.org/TR/CSS21/tables.html#anonymous-boxes
Specyfikacja mówi, że jeśli element z display: table zawiera element, który nie jest jednym z oczekiwanych elementów (m.in. wiersz tabeli - table-row), to należy wygenerować wirtualny wiersz tabeli, który otoczy ten element.
Następnie, gdy wiersz tabeli nie zawiera w sobie poprawnych/oczekiwanych elementów (komórka tabeli, table-cell), to należy ten element otoczyć wirtualną komórką.
W ten sposób <div class="opw-separator"></div> zostanie otoczony <tr><td><div class="opw-separator"></div></td></tr>, a poprzedzające elementy tworzą wiersze z dwoma kolumnami, zaś separator jest w wierszu z tylko jedną komórką, stąd tylko "połowa" długości.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

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

Re: Problem z szerokością div'a

Post 06.10.2017, 09:27:47

Dzięki wielkie!
pjotrek
Posty: 23
Dołączył(a): 07.05.2015


Powrót do CSS


 


  • 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 3 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50433 zarejestrowanych użytkowników.
Najnowszy użytkownik: Avii


Nasi użytkownicy napisali:

  • 935641 wiadomości
  • w 246574 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)