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

[CSS] Problem z float:left

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.

[CSS] Problem z float:left

Post 05.07.2013, 16:32:45

Witam! mam problem z wypozycjonowaniem div`ów. Div`y mają (float:left)- jednak pozycjonuje się tak jak na zdjęciu
Obrazek,
a ja oczekuję efektu
Obrazek (*tworzy się niekontrolowany margines //przy niebieskim 300x340).
Zależy mi, aby div`y miały jedną klasę np.box.
sebastian55555
Posty: 3
Dołączył(a): 05.07.2013

Re: [CSS] Problem z float:left

Post 06.07.2013, 12:20:50

Najprostsze rozwiązanie...

<!-- HTML -->
<div id="content">
<div id="main">
<div class="box"></div>
<div class="box"></div>
</div>
<div id="sub">
<div class="box"></div>
<div class="box"></div>
</div>
</div>

/* CSS */
#content{
width: 610px;
}
#main{
float: left;
width: 300px;
}
#sub{
float: right;
width: 300px;
}
#main .box{
background: #000000;
width: 300px;
height: 400px;
margin-bottom: 10px;
}
#main .box + .box {
background: #5E50A5;
height: 340px
}
#sub .box{
background: #00A652;
width: 300px;
height: 450px;
margin-bottom: 10px;
}
#sub .box + .box{
background: #E81D48;
height: 250px;
}
webmatit
Posty: 7
Dołączył(a): 16.06.2013

Re: [CSS] Problem z float:left

Post 06.07.2013, 17:44:23

Ok, fajne rozwiązanie tylko divy będą postami w Wordpress. Sorry, zapomniałem wspomnieć w pytaniu.
Dzięki za odpowiedź, jednak ten sposób nie rozwiązuje mojego problemu.
sebastian55555
Posty: 3
Dołączył(a): 05.07.2013

Re: [CSS] Problem z float:left

Post 08.07.2013, 08:57:56

ale to, że będą postawmi w WordPress nie ma znaczenia. Coś gdzieś musi je jeszcze przesuwac w takim razie. Masz się do czego odnieść, więc poszukaj gdzie może byc przesunięcie.
LittleHelper
Posty: 21
Dołączył(a): 09.05.2013

Re: [CSS] Problem z float:left

Post 08.07.2013, 15:09:52

sebastian55555 napisał(a):Ok, fajne rozwiązanie tylko divy będą postami w Wordpress. Sorry, zapomniałem wspomnieć w pytaniu.
Dzięki za odpowiedź, jednak ten sposób nie rozwiązuje mojego problemu.

Idziesz w
css3; wartość multi-column
lub
jquery: masonry / columnizer

Wszystko ma wady i zalety. Doczytasz, wybierzesz na własną rękę.
The freedom to succeed goes hand in hand with the freedom to fail                                http://www.webserwer.pl/hosting
Avatar użytkownikaJay
Posty: 274
Dołączył(a): 27.06.2013
Lokalizacja: Sajlesia

Re: [CSS] Problem z float:left

Post 10.07.2013, 11:42:52

Dzięki za zainteresowanie problemem, poczytam i zdecyduję.
sebastian55555
Posty: 3
Dołączył(a): 05.07.2013


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

Hosting, Domeny, SSL

Subskrypcja

Mamy 51441 zarejestrowanych użytkowników.
Najnowszy użytkownik: jonman65


Nasi użytkownicy napisali:

  • 937731 wiadomości
  • w 247447 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)