Witam,
otóż mam pewien problem Mam taki oto kod CSS:

[HTML] pobierz, plaintext 
#gl{
position: relative;
margin: 0 auto;
width: 781px;
background-image:  url('images/gl.png');
}
.left{
float: left;
padding: 5px;
width: 400px;
}
 
.right{
float: right;
padding: 5px;
width: 375px;
}
[HTML] pobierz, plaintext 

no i kod html:

[HTML] pobierz, plaintext 
<div id="gl">
<div class="left">
a1
</div>
<div class="right">
a2
</div>
</div>
[HTML] pobierz, plaintext 

I problem jest taki, że zamiast w tym div'ie #gl pojawić się tekst po lewej i po prawej, to on w ogóle jest gdzie indziej(pod tym div'em), ale gdy do #gl dodam wysokość(height) to działa, ale chodzi mi o to, aby div sam dostosowywał wysokość, nie mam pojęcia co jest nie tak :/

2 divy nie mieszczą się koło siebie. Co z tego, że masz #gl określone na 781px i te 2 pozostałe odpowiednio na 400 i 375... fakt, że razem daje 775, ale dojdzie Ci jeszcze padding+margin... po przeliczeniu po 10px na każdy div.

RADA: zwiększ szerokość #gl, albo zmniejsz padding 2-ch divów koło siebie (ew. ich szerokość).

Zmniejszałem nawet do 200px, ale to i tak nie pomogło.

Sprawdź czy równanie jest prawdziwe: 400+375+2x5 <= 781
Podaj wnioski i przyczyny dlaczego nie

[CSS] pobierz, plaintext 
#gl{
position: relative;
margin: 0 auto;
width: 821px;
background-image:  url('images/gl.png');
}
.left{
float: left;
padding: 5px;
width: 400px;
}
 
.right{
float: right;
padding: 5px;
width: 375px;
}
[CSS] pobierz, plaintext 

Wklej to zamiast swojego, nie działa?

Zgadza się, było za duże, ale jak już pisałem zmniejszenie szerokości tych dwóch div'ów nic nie pomaga(zmniejszałem nawet do 200px).

Wkleiłem sobie z DIVami 200px i u mnie działa... pokaż kod ze zmniejszonymi DIVami. Może po drodze coś się schrzaniło...

html:

[HTML] pobierz, plaintext 
<div id="gl">
<div class="left">
a1dasdasdsa<br><br>asdasd
</div>
<div class="right">
a2
</div>
</div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#gl{
position: relative;
margin: 0 auto;
width: 781px;
background-image:  url('images/gl.png');
}
.left{
float: left;
padding: 2px;
width: 200px;
}
 
.right{
float: right;
padding: 2px;
width: 200px;
}
[HTML] pobierz, plaintext 

No właśnie dziwne, że nie działa, nigdy nie miałem z takim czymś problemu

[CSS] pobierz, plaintext 
#gl{
position: relative;
margin: 0 auto;
width: 781px;
background-image:  url('images/gl.png');
overflow: hidden;
}
[CSS] pobierz, plaintext 

O to Ci chodzi?

Loool stary dzięki serdeczne wiedziałem że to musi byc coś prostego