Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- shinnobi.opx.pl
telcocafe
Oto fragment kodu:<DIV id="main"> <DIV id="a" width="50px"> Something ... </DIV> <DIV id="b" width="150px"> ... and something. </DIV> </DIV>
I wyjaśnienie co chcę osiągnąć:
- div#a i div#b zawsze wyświetla się w jednej, niełamliwej linii
- jeżeli strona jest powiększona i ma ponad 200px (czyli więcej niż div#a i div#b łącznie) to chcę żeby div#a wyświetlał się z lewej strony ekranu, a div#b z prawej strony
- jeżeli stronę zwężamy do szerokości mniejszej niż 200px to linia w której jest div#a i div#b się nie przełamuje
Oto co wykminiłem:
#main { width: 100%; white-space: nowrap; } #a { float: left; display: inline; } #b { float: right; display: inline; }
Efekt jest taki, że nie przełamuje tego co jest w środku div#a i div#b, ale jeśli zwężamy stronę to div#b ląduje pod div#a (a miały się nie przełamać :/). Natomiast dobre jest ustawienie div-ów: div#a jest z lewej strony, a div#b z prawej (aczkolwiek obawiam się, że sposób w który wypozycjonowałem te divy sprawia kłopot z ich łamaniem się :/).