28172 sujets

CSS et mise en forme, CSS3

Bonjour, je viens de passer un peu de temps sur ce forum (qui m'a aidé) mais j'ai encore un problème qui ressemble à celui de la box.
malheureusement après plusieurs essais j'ai toujours le même problème de différence d'affichage ente FF et IE6 (FF étant ce que je souhaite obtenir)
Vous pouvez voir mon problème : Smiley url http://naguttes.free.fr/TIF[/url].
Le code est assez simple :
HTML
<div id="columns">
	<div id="sidebar">
		<div id="logo">
			<img alt="Tourism Initiative Fund" src="./images/logo_tif_small.jpg" align="left">
		</div>
		<h2><a href="index.en.html">en</a> | <span>fr</span></h2>
		<div id="menu">
			<div class="menu-vertic">
				<ul>
					<li class="item-selected"><span>Accueil</span></li>
					<li><a href="missions-fr.html">Missions</a></li>
					<li><a href="partners-fr.html">Nos partenaires</a></li>
					<li><a href="projects-fr.html">Nos projets</a></li>
					<li><a href="pictures-fr.html">Photos</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div id="content">
		<h1>Tourism Initiative Fund</h1>
		<h2>Faire de la planète une terre hospitalière</h2>
		<p>This is the first page your viewers will see!</p>
	</div>
</div>

CSS
html {
height:100%;
}
body {
background:#530113;
color:#303030;
font-family:Verdana,Tahoma,sans-serif;
font-size:76%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:0pt;
height: 100%;
}
ul {
font-size:0.9em;
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin:15px 0pt 20px;
}
li {
margin:0pt 0pt 8px 25px;
}
a {
color:#D85D5D;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#505050;
text-decoration:underline;
}
img {
background:#FFFFFF;
border:0pt none;
float:left;
margin:0pt 15px 15px 0pt;
padding:1px;
}
a img {
border-color:#D85D5D;
}
a img:hover {
background:#D85D5D;
border-color:#D85D5D;
}
#columns {
  background: #530113;
  height: 100%;
}
#side-container {
}
#sidebar {
width:230px;
float: left; 
background-color:#530113;
height:100%;
text-align:right;
}

#logo img  {
	text-decoration:none;
    background-color:#530113 ;
    border:none;
}

#sidebar h1 {
color:#D85D5D;
font-size:1.6em;
letter-spacing:-2px;
margin:0px 0px 0pt 5px;
text-align:right;
}
#sidebar h2, #sidebar h3 {
color:#808080;
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
margin:0pt 20px 18px 5px;
text-align:right;
}
#sidebar h3 {
color:#606060;
margin:20px 18px 4px 5px;
}
#sidebar p {
color:#606060;
font-size:0.8em;
margin:0pt 20px 0px 5px;
}
#sidebar a {
color:#808080;
}
#sidebar ul {
list-style-type:none;
}
#sidebar li {
margin:0px;
padding-left:5px;
}
#menu .menu-vertic ul {
font-size:1em;
list-style-type:none;
margin:0px;
padding:0px;
}
#menu .menu-vertic li {
margin:0px;
padding:0px;
}
#menu .menu-vertic a, #menu .menu-vertic span {
background:#E0E0E0 ;
color:#606060;
display:block;
font-size:1.8em;
font-weight:normal;
letter-spacing:-2px;
padding:5px 18px 5px 0pt;
text-decoration:none;
width:212px;
}
#menu .menu-vertic a:hover, #menu .menu-vertic span:hover {
background:#F0F0F0 ;
color:#303030;
}
#menu .menu-vertic li.item-selected a, #menu .menu-vertic li.item-selected span {
background:#FAFAFA none repeat scroll 0%;
border-bottom:2px solid #C0C0C0;
border-top:2px solid #C0C0C0;
padding:5px 18px 5px 0pt;
}
#menu .menu-vertic li.item-selected a:hover, #menu .menu-vertic li.item-selected span:hover {
background:#FAFAFA none repeat scroll 0%;
color:#505050;
}
#content {
float:left;
background:#FAFAFA ;
padding:20px 0pt;
width:800px;
height:100%
}
#content p {
line-height:1.5em;
}
#content h1 {
color:#808080;
font-size:2.5em;
font-weight:normal;
letter-spacing:-2px;
margin:0pt;
text-align:center;
}
#content h2 {
clear:both;
color:#D85D5D;
font-size:2em;
font-weight:normal;
letter-spacing:-2px;
margin:30px 0pt 10px;
}

.partner {
	padding-left:10px;
}


Voilà j'espère que ce n'est pas trop long.
Je vous remercie par avance.
Nicolas
Modifié par tranquiliste (13 Mar 2008 - 21:31)
Re Bonjour,

J'ai résolu mon problème, mais sans le faire exprès. Il semble qu'il venait d'une image que j'avais en haut à gauche et que j'ai supprimée.
Modifié par tranquiliste (13 Mar 2008 - 21:33)