28220 sujets

CSS et mise en forme, CSS3

Background qui cache mon texte

BOnjour a tous,

Voila j'ai un petit pb avec mon code que voici :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<style>
* { padding: 0; margin: 0; }

body
{
margin: 10px;
}

.news
	{
	padding: 10px;
	margin-bottom: 50px;
	border: 1px solid #AFBDC9;
	background: #ffffff;
	}

.titre_news
	{
	margin-top: 20px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #669900;
	border: 1px solid #AFBDC9;
	border-bottom: 0;
	background: #EBEEF3;
	}

.float_right
	{
	float: right;
	}

.infos_news
	{
	float: right;
	padding: 5px;
	margin-left: 5px;
	border-left: 5px solid #AFBDC9;
	background: #EBEEF3;
	}
	
.contenu_news
	{
	text-indent: 40px;
	}

.contenu_news:first-letter 
	{
	font-weight: bold;
	color: #669900;
	}
	
.spacer
	{
	clear: both;
	}
</style>

<h2 class="titre_news">Bienvenue</h2>

<div class="news">
<table class="infos_news">
<tr>
<th>Auteur:</th>
<td>Moha</td>
</tr>
<tr>
<th>Date:</th>
<td>01/01/05</td>
</tr>
<tr>
<th>Source:</th>
<td><a href="http://www.monsite.com">source</a></td>
</tr>
<tr>
<th>Comm:</th>
<td><a href="#">2</a></td>
</tr>
</table>

<p class="contenu_news">lalalala voici ma newssdfsdf<br />dsfsdfsdf sdfsdf  sdf<br />dsfsdfsdf sdfsdf  sdf</p>
<div class="spacer" /></div>
</div>


Le problème est que avec le "background: #ffffff;" que j'ai appliqué a mon div .news je ne vois plus le contenu de la news avec IE, je suis obligé de selectionner le texte pour qu'il apparaisse Oo alor sje ne comprend vraiment plus rien :s

SI vous savez pourquoi faites-le moi savoir svp Smiley smile
Modifié par fieldset (15 May 2005 - 12:09)
Arrête de râler fieldset Smiley rolleyes , on est aussi là pour s'amuser.

Ton problème est classique et est référencé un peu par tout, notamment dans d'autres sujets de ce forum. Il est également expliqué sur l'excellent site http://www.positioniseverything.net/index.php

Une des méthodes la plus conseillée si tu n'as pas d'autre moyen est d'attribuer un "height:1%;" à ton conteneur "news" et tout rentrera dans l'ordre, mais si tu peux lui attribuer une hauteur fixe c'est plus propre.

Smiley cligne reste cool Smiley lol
Modifié par Nilpohc (15 May 2005 - 14:12)
Sujet clos
Aller à