Tekst wyjeżdżający poza diva Opcje

[Pitter]

Witam. Możecie mi pomóc w rozwiązaniu tego problemu? Do przykładu poniżej. Tekst powinien zawijać się tak jak normalnie w każdym innym miejscu mi się zawija w niebieskim prostokącie. Co jest przyczyną?
http://ifotos.pl/zobacz/screepng_nqpppsr.png/

[HTML] pobierz, plaintext 
<div id="news">
		<h1>AKTUALNOŚCI</h1>
		<div class="news">
			<div class="date">22.11.2013</div>
			<div class="textNews">
				<div class="title">Klub ARKA Warszawa</div>
				<div class="text">Jakiś tekst opisujący całe wydarzenie jesli 
				będzie dłuszy niech się zawija tak jak widzisz.</div>
			</div>
		</div> 
		<div class="news">
			<div class="date">22.11.2013</div>
			<div class="textNews">
				<div class="title">Klub ARKA Warszawa</div>
				<div class="text">Jakiś tekst opisujący całe wydarzenie jesli będzie 
				dłuszy niech się zawija tak jak widzisz.</div>
			</div>
		</div>
		<div class="news">
			<div class="date">22.11.2013</div>
			<div class="textNews">
				<div class="title">Klub ARKA Warszawa</div>
				<div class="text">Jakiś tekst opisujący całe wydarzenie jesli będzie 
				dłuszy niech się zawija tak jak widzisz.</div>
			</div>
		</div>  
	</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#news
{
	float: left;
	width: 834px;
	height: 432px;
	background: url(img/bgcontact.png);
	display: none;
	font-family: censcbk;   
}
#news h1
{
	color: #BEB66E;
	font-size: 15px;
	font-weight: none;
	margin: 52px 0 15px 0;
	text-align: center;
}
#news .news
{
	float: left;
	width: 490px;
	height: 60px;
	margin: 0px 0 30px 167px;
}
#news .news .date
{
	float: left;
	width: 95px;
	height: 60px;
	display: block;
	font-weight: bold;
	color: #E3E3E3;
	font-size: 16px;
	margin: 0 15px 0 0;
}
#news .news .textNews
{
	float: left;
	width: 380px;
	height: 60px;
	background: blue;
	margin: 0;
	padding: 0;
}
#news .news .textNews .title
{
	float: left;
	color: #E3E3E3;
	width: 380px;
	font-weight: bold;
	font-size: 17px;
 
}
#news .news .textNews .text
{
	float: left;
	color: #828282;
	width: 380px;
	text-align: justify;
}
[HTML] pobierz, plaintext 

[werdan]

http://jsbin.com/uVaJAboN/1

To co wkleiłeś wyglada OK.

Jakie rozmiary ma plik img/bgcontact.png?

[freemp3]

Rozmiar obrazu tła raczej nie powinien powodować takiego problemu.
Jakiej przeglądarki używasz? Sprawdzałeś jak to wygląda na innych?

[Pitter]

Mozilla. Nie sprawdzałem jeszcze. Ale to dziwne, bo podobny problem miałem wcześniej kiedy... wyświetlałem diva przez php pobierając go z includowanego pliku. Wyglądało to mniej więcej tak:

[PHP] pobierz, plaintext 
plik przykładowy Ramka.php
class Ramka
{
    public $ramka = '<div class="message">tutaj tekst długi</div>';
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
drugi plik php
include("Ramka.php");
$ramka = new Ramka();
echo $ramka->ramka;
[PHP] pobierz, plaintext 

jak tak wyświetlałem zawartość diva to był ten sam błąd. Tekst wychodził poza diva. Zniknął kiedy z pliku Ramka.php ładowałem sam tekst bez diva... czyli tak:

[PHP] pobierz, plaintext 
class Ramka
{
    public $ramka = 'tutaj tekst długi';
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
include("Ramka.php");
$ramka = new Ramka();
echo '<div class="message">'.$ramka->ramka.'</div>';
[PHP] pobierz, plaintext 

O co chodzi? Jak to rozwiązać aby pod każdą przeglądarką działało poprawnie? Albo czym to zastąpić?

PS: Pod explorer działa tak samo... Problemem też nie jest Webserv. Na serwerze działa tak samo.

Ten post edytował Pitter 25.11.2013, 13:00:30