• › Witaj Gościu
  • Jesteś niezalogowany (
  • Zaloguj 
  •  lub  

Logo


Strefa czasowa: UTC + 1




Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 2 ] 
Autor Wiadomość
 Tytuł: [html/css] drobna pomoc - 3 divy, jeden o dynamicznej szer.
PostNapisane: N kwi 17, 2011 7:53 pm 
Offline

Dołączył(a): N kwi 17, 2011 7:48 pm
Posty: 1
Mam drobny problem. Głupio to zabrzmi ale w HTML/CSS :-).

Kod:
<div style="width:30px; background:red;">1</div>
<div style=" ?? ">2</div>
<div style="width:60px; background:green; float:right;">3</div>


Jak wystylować div-a z "2" w środku, aby automatycznie dopasował się na maksymalną możliwą szerokość (nie przenosząc diva po prawej stronie do nowej linii)?

Za pomoc z góry dzięki.
Pozdrawiam.


Góra
 Zobacz profil Wyślij e-mail  
 
 Tytuł: Re: [html/css] drobna pomoc - 3 divy, jeden o dynamicznej sz
PostNapisane: N kwi 17, 2011 11:54 pm 
Offline
Administrator

Dołączył(a): Pn paź 04, 2004 10:52 am
Posty: 938
Zastosuj "tabelki" ;)

HTML:
Kod:
<div class="table">
   <div class="row">
     <div class="cell element1">
          <p>1</p>
     </div>
     <div class="cell element2">
          <p>2</p>
     </div>
     <div class="cell element3">
          <p>3</p>
     </div>
   </div>
</div>


CSS:
Kod:
.table {
display: table;
width:100%;
}
.row {
display: table-row;
width:100%;
}
.cell {
display: table-cell;
padding: 1em;
}
.element1 {
background:red;
width: 30px;
}
.element3 {
background:green;
width:60px;
}

_________________
“The power of the Web is in its universality. Access by everyone regardless of disability
is an essential aspect.” – Tim Berners-Lee, przewodniczący W3C, twórca WWW


Góra
 Zobacz profil  
 
Wyświetl posty nie starsze niż:  Sortuj wg  
Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 2 ] 

Strefa czasowa: UTC + 1


Kto przegląda forum

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


Nie możesz rozpoczynać nowych wątków
Nie możesz odpowiadać w wątkach
Nie możesz edytować swoich postów
Nie możesz usuwać swoich postów

Szukaj:
Skocz do:  
cron

Polecamy












Powered by phpBB
Przyjazne użytkownikom polskie wsparcie phpBB3 - phpBB3.PL
Not able to open ./cache/data_global.php