jak ustawić 2 divy w jednej linii? Opcje

[koszar]

witam,
mam pewien problem.... nie mogę ustawić:

[HTML] pobierz, plaintext 
<div>test</div><div>blabla</div>
[HTML] pobierz, plaintext 

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[Kill3R]

[HTML] pobierz, plaintext 
#lewy
{
   float: left;
}
 
<div id="lewy">test</div>
<div>blabla</div>
[HTML] pobierz, plaintext 

Temat przewija sie dosc czesto

[AxZx]

a jak zrobic np 4 divy obok siebie zeby ?

zrobilem cos takiego i jedno pod drugim jest

[HTML] pobierz, plaintext 
#id1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	border: 1px solid #E4EAED;
}
#id2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	border: 1px solid #E4EAED;
}
#id3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	border: 1px solid #E4EAED;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="id1">
	<h3>tutaj jakis naglowek</h3>
	a tu normalny text juz a tu normalny text juza tu normalny text juza tu normalny text juza tu normalny text juz
</div>
 
<div id="id2">
	<h3>tutaj jakis naglowek</h3>
	a tu normalny text juz a tu normalny text juza tu normalny text juza tu normalny text juza tu normalny text juz
</div>
 
<div id="id3">
	<h3>tutaj jakis naglowek</h3>
	a tu normalny text juz a tu normalny text juza tu normalny text juza tu normalny text juza tu normalny text juz
</div>
[HTML] pobierz, plaintext 

[koszar]

no tak tylko jeśli mam:

[HTML] pobierz, plaintext 
<div style="width:500px;float:left;">lewy</div><div style="width:250px;">prawy</div>
[HTML] pobierz, plaintext 

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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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ć... (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[AxZx]

bo IE jest do bani jakis taki dziwny

Firefox inaczej divy robi

[angel2953]

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]

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 (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

[AxZx]

no wlasnie widac ze cos jest nie tak z tym IE wiec co to za pytanie "tak?" ?
o co pytasz?

[bela]

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
zamiast września mam wrze?nia
dopiero jak zmienie kodowanie na windows-1250 jest dobrze

gupie to wszystko (IMG:http://forum.php.pl/style_emoticons/default/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... ;]

Ten post edytował harryk 20.04.2005, 12:45:00