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

2 divy, float left problem

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.

2 divy, float left problem

Post 10.01.2018, 19:41:50

Witam, mam pewien problem, chce uzyskać dwie kolumny które mają inny kolor tła niż background strony, zrobiłem sobie dwa divy które chciałem wystylizować w css'ie za pomocą float: left ale pojawia się problem, widoczny na zdjęciu. Jak zrobić żeby lewa kolumna miała swój background tak daleko jak prawa kolumna nie przypisując na sztywno height: x px?
Obrazek

Pozdrawiam
droite
Posty: 7
Dołączył(a): 17.12.2016

Re: 2 divy, float left problem

Post 10.01.2018, 19:50:36

Jakbyś mógł dodać zawartość body byłbym wdzięczny bo niezbyt rozumiem co chcesz osiągnąć ;)
QuakeR
Posty: 5
Dołączył(a): 28.08.2017

Re: 2 divy, float left problem

Post 10.01.2018, 19:55:56

Kod: Zaznacz cały
<div class="column1">
tresc krótsza niż w column2
</div>

<div class="column2">
tresc dłuższa niż w column1
</div>


Kod: Zaznacz cały
.column1{
     width: 33%;
     float:left;
     background-color: #e8e8e8;
     color: #000000;
}
.column2{
    width:67%;
    color: #000000;
    background-color: #ffffff;
    float:left;
}


chce osiągnąć aby obie kolumny były tej samej wysokości, czyli wysokość obu = wysokości dłuższej
droite
Posty: 7
Dołączył(a): 17.12.2016

Re: 2 divy, float left problem

Post 10.01.2018, 20:07:50

Hmmm... Możesz dodać do css
Kod: Zaznacz cały
[class*="column"] {
   height: 100px;
}


Wtedy możesz kontrolować z jednego miejsca wysokość klas które zawierają frazę "column" w nazwie.
QuakeR
Posty: 5
Dołączył(a): 28.08.2017

Re: 2 divy, float left problem

Post 10.01.2018, 21:39:13

szkoda że przy każdym wydłużeniu się kolumny muszę zmieniać wysokość ale na moje potrzeby rozwiązanie się sprawdzi, dzięki.
droite
Posty: 7
Dołączył(a): 17.12.2016


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 11 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51033 zarejestrowanych użytkowników.
Najnowszy użytkownik: AnnettOD


Nasi użytkownicy napisali:

  • 936623 wiadomości
  • w 246937 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)