Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak ustawić 2 divy w jednej linii?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
koszar
witam,
mam pewien problem.... nie mogę ustawić:
  1. <div>test</div><div>blabla</div>

w jednej linii... próbowałem dużo kombinacji z (style="display...." i z style="position..."), ale coś mi nie wychodzi,
będę wdzięczony za pomoc smile.gif
Kill3R
  1. #lewy
  2. {
  3. float: left;
  4. }
  5.  
  6. <div id="lewy">test</div>
  7. <div>blabla</div>


Temat przewija sie dosc czesto
AxZx
a jak zrobic np 4 divy obok siebie zeby ?

zrobilem cos takiego i jedno pod drugim jest

  1. #id1 {
  2. font-family: Verdana, Arial, Helvetica, sans-serif;
  3. font-size: 10px;
  4. color: #000000;
  5. background-color: #FFFFFF;
  6. float: left;
  7. border: 1px solid #E4EAED;
  8. }
  9. #id2 {
  10. font-family: Verdana, Arial, Helvetica, sans-serif;
  11. font-size: 10px;
  12. color: #000000;
  13. background-color: #FFFFFF;
  14. float: left;
  15. border: 1px solid #E4EAED;
  16. }
  17. #id3{
  18. font-family: Verdana, Arial, Helvetica, sans-serif;
  19. font-size: 10px;
  20. color: #000000;
  21. background-color: #FFFFFF;
  22. float: left;
  23. border: 1px solid #E4EAED;
  24. }

  1. <div id="id1">
  2. <h3>tutaj jakis naglowek</h3>
  3. a tu normalny text juz a tu normalny text juza tu normalny text juza tu normalny text juza tu normalny text juz
  4. </div>
  5.  
  6. <div id="id2">
  7. <h3>tutaj jakis naglowek</h3>
  8. a tu normalny text juz a tu normalny text juza tu normalny text juza tu normalny text juza tu normalny text juz
  9. </div>
  10.  
  11. <div id="id3">
  12. <h3>tutaj jakis naglowek</h3>
  13. a tu normalny text juz a tu normalny text juza tu normalny text juza tu normalny text juza tu normalny text juz
  14. </div>
koszar
no tak tylko jeśli mam:
  1. <div style="width:500px;float:left;">lewy</div><div style="width:250px;">prawy</div>

to niestety ten sposób nie przechodzi...
wcześniej tak samo próbowałem... i nie wychodziło więc postanowiłem na forum wrzucić, bo sam już nie wiem smile.gif
pozdr.
ARJ
@AxZx dodaj jeszcze do stylu width. wtedy ustawią obok siebie. jeżeli niema długości divy poprostu niemieszczą się na ekranie.
@koszar te divy ustawiają się w jednej lini.
AxZx
dobrze,
ale ...

usunalem deklaracje szerokosci dla tych divow i w Firefox dopasowuje sie szerokosc do tresc w divie, i ladnie sie ukladaja jeden obok drugiego

a w IE div roszerza sie na cala szerokosc i co za tym idzie ustawiaja sie jeden pod drugim
jest na to inna rada niz wogole nie korzystac z IE ?
ja sobie poradze ale jak ktos bedzie mial to obslugiwac kto uzywa IE i tylko IE?


styl dla tej ramki
Kod
.ramka1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
    float: left;
    border: 1px solid #666666;
    z-index: 1;
    margin: 5px;
    padding: 10px;
    text-align: center;    
}
aleksander
wrzucam link który może się przydać:

http://academ.hvcc.edu/~kantopet/css/index...on&printme=true

jak używać divów zamiast tabelek smile.gif pozwala to ustawić dwa divy obok siebie
koszar
zrobiłem zgodnie z tą stronką, ale teraz tylko w firefoxie odczytuje poprawnie.... :/ trzeba będzie jeszcze coś wymyślić... winksmiley.jpg
AxZx
bo IE jest do bani jakis taki dziwny

Firefox inaczej divy robi
angel2953
Cytat(AxZx @ 2005-04-10 11:52:10)
bo IE jest do bani jakis taki dziwny

Firefox inaczej divy robi

iIE nie jest dziwny... IE jest niezgodny ze standardami, za to lisek jest :] stąd te różnice
bela
Cytat(angel2953 @ 2005-04-13 20:39:14)
Cytat(AxZx @ 2005-04-10 11:52:10)
bo IE jest do bani jakis taki dziwny

Firefox inaczej divy robi

iIE nie jest dziwny... IE jest niezgodny ze standardami, za to lisek jest :] stąd te różnice

Tak ?
http://www.webstandards.org/act/acid2/guide.html biggrin.gif
AxZx
no wlasnie widac ze cos jest nie tak z tym IE wiec co to za pytanie "tak?" ?
o co pytasz?
bela
Cytat(AxZx @ 2005-04-13 21:15:14)
no wlasnie widac ze cos jest nie tak z tym IE wiec co to za pytanie "tak?" ?
o co pytasz?

O to mi chodzi :] Zadna przegladarka nie umie tego wyswietlic
http://my.opera.com/forums/attachment.php?s=&postid=887753
AxZx
aha

no widzisz
firefox tez nie jest doskonaly wiadome

a wiecie co mi sie ostatnio dzieje

zamiast ś mam pytajnik w rombie

tam gdzie wczesniej bylo wszystko w pozadku teraz mam to badziewie
np w localhoscie jak mi wypisuje co mam w katalogu smile.gif
zamiast września mam wrze?nia
dopiero jak zmienie kodowanie na windows-1250 jest dobrze

gupie to wszystko tongue.gif czlowiek rowniez glupieje przy tych maszynach
Strus
Wracając do tematu, wywal wszystkie floaty i zastą je position:absolute
harryk
Chyba się pogubiłem... Czy jest sens używać divy, skoro niepoprawnie rozpoznaje je IE (który jest, niestety, nadal dość popularny)? No chyba, że jest rozwiązanie tego problemu także pod IE, wtedy chyba sens jest, ale na to pytanie właśnie nie znam odpowiedzi. Może ktoś pomóc? Dzięki z góry.

Wystarczyło przeczytać ten temat i chyba problem rozwiązany... ;]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.