Longueur d'un cadre [Résolu]

[Nikko92]

Bonjour à tous !

Ayant chercher quelques heures sur internet et n'ayant rien trouver pour résoudre mon problème je me tourne vers vous.

J'ai réalisé une div pour un cadre en css dans laquelle j'affiche du texte venant d'une base de donnée. J'aimerais que la longueur du cadre varie en fonction du contenu du texte mais cela ne fonctionne pas :s.

Je vous expose mes codes :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
div#newsc 
{
	width   : 80%;
	margin: auto;
	/*text-align: center;*/
	height: auto;
	/*background-color : pink; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;*/
	border-left:1px solid #000000; /* couleur du cadre */
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	float:center;
}

Code :

1
2
3
4
5
6
7
$liste_news=mysql_query("SELECT titre, content, auteur, DATE_FORMAT(date,'%d-%m-%Y à %T') AS date_heure FROM news ORDER BY id DESC");
$tab_news = mysql_fetch_array($liste_news);			
while ($tab_news!=false)							
{
	echo '<div id="newsc"><u><center>'.$tab_news['titre'].'</center></u><br /><p style="float: left;">'.$tab_news['content'].'</p><br /><p style="float: right;">Posté par '.$tab_news['auteur'].' le '.$tab_news['date_heure'].'</p><br /><br /></div><br />';
	$tab_news = mysql_fetch_array($liste_news);
}

Et voilà le résultat : http://46.105.55.21/news.php

Merci d'avance pour votre aide =)

[Bisûnûrs]

Cf FAQ :
http://css.developpez.com/faq/?page=...ment_flottants

[Nikko92]

Je te remercie je vais essayer, je n'avais pas les bons termes pour ma recherche =)

[garona]

Salut

déja si je dis pas de bêtise

Code :

1
2
 
float:center;

ca n'existe pas
ensuite pour ce que tu veux, soit tu mets le height de ta div en auto
soit tu créer un cadre sous paint(.net) tu le sépare en trois (cadre haut, cadre milieu et cadre bas) tu enregistre séparément chaque partie d'images
et tu créer 4 div
divcadre
divcadrehaut (background -> no-repeat)
divcadremilieu (background -> repeat-y)
divcadrebas (background -> no-repeat)

tout simplement

bonne chance