28172 sujets

CSS et mise en forme, CSS3

Bonsoir,


je dois refaire le myspace d'un pote, testé avec FF 3.5, Chrome et j'ai des bugs avec IE 8 (et probablement IE7)


sous firefox:

http://tof.canardpc.com/preview2/848b7ace-4b4c-4fbe-a9aa-f3726088bb83.jpg

sous IE 8:

http://tof.canardpc.com/preview2/b1352df0-1871-4a6b-978e-b7175e5ebc53.jpg



donc si vous pouviez me donner une piste ou coup de main pour le débuguage ce serait vraiment super

j'ai remanié tout le CSS en me basant sur un prototype d'alsacrations


CSS:


 html {
			font-size: 100%;
			}

		 body {
		font-family: Arial, verdana, sans-serif;
		background-color: #121011;
		color:#fffac8;
		margin:auto;
		padding: 20px 30px;
		font-size: 0.8em; 
		line-height: 1.25;
		width:1000px;
		}
		#xmen{
			width:550px;
			height:408px;
			border:none;
			padding:0;
			margin:0;
		}
		#lecteur{width:450px;height: 345px;border:none; padding:0;margin:0; float:right;}
		
		h1{ font-weight:bold; font-size:1.2em;}
		h2{font-weight:normal;}
		h3{ font-weight:normal;}
		p{ font-weight:normal;}
		
		#textes{
			position: relative; 
			width: 100%;
			width:1000px;
			background:url(http://tof.canardpc.com/view/6d61bb55-796c-493d-ad53-e2afa76762c6.jpg) no-repeat;
			margin:0;
			padding:15px;
			overflow:hidden;
		}
		#resume{
			width:300px;
			position: absolute;
			top: 0;
			left: 0;
			padding:15px;
		} 
		#presentation_fr{
			margin-left: 300px; 
			margin-right: 400px; 
			padding-left:15px;
			
		}
		#presentation_en{
			position: absolute;
			top: 0;
			right: 0;
			margin-right:100px;
			width: 250px;
			padding-top:15px;
		}
		#presentation_fr,#presentation_en {1,2em;}
		
		#resume_infos {font-size:1em;}


le HTML:


<body>
	<img id="gambitt" src="http://tof.canardpc.com/view/f2422a19-8465-4692-b9c2-7c880a6d4500.jpg" alt="gambitt"/>
	<img id="xmen" src= "http://tof.canardpc.com/view/ec203237-3c12-4cc9-8c81-e44ac6d98b86.jpg" alt="xmen"/>
	
	<div id="textes">
		
		<div id="resume">
			<h1> Gambitt </h1>

			<h2>Rap / Hip Hop / Experimentale<h2>
					

			<h3>Gambitt a.k.a T	&sup2; a.k.a Da dirty Monkey<h3>


			<address>Braine-le-Comte, Hainaut
			Belgique</address>

			<p id="resume_infos">Affichages :  8377 <br />

			Derni&egrave;re connexion :  24/12/2009<br />
			Voir : Photos | Vid&eacute;os</p>
		</div>
		
		<div id="presentation_fr">
			<h1>Introduction <h1>

			<p>Patrick de mon pr&eacute;nom, 1m77, 87kilos, je suis n&eacute; le 15 Juillet 1985. Je suis dipl&ocirc;m&eacute; en fran&ccedil;ais-fran&ccedil;ais langue &eacute;trang&egrave;re (pour apprendre le fran&ccedil;ais aux &eacute;trangers). J&acute;&eacute;cris des rimes depuis maintenant sept ans. Je me consid&egrave;re comme un MC actif depuis trois ans, c&acute;est-&agrave;-dire depuis la fondation du KuG, mon groupe (Novembre 2004). KuG signifie Krilin union Gambitt. Il &eacute;voque un endroit imaginaire commun o&ugrave; se r&eacute;unissent les id&eacute;es et projets de deux mc&acute;s aux parcours nettement diff&eacute;rents.<br />
			<br />
			Mon blaze est inspir&eacute; des X-Mens, car la personnalit&eacute; du h&eacute;ros sur lequel porte l&acute;allusion ressemble sensiblement &agrave; la mienne : un opportuniste lunatique, pour r&eacute;sumer le tout. Je ne me suis pas content&eacute; de pomper un pseudo tout fait. Je l&acute;ai fa&ccedil;onn&eacute;, en faisant un acrostiche. En effet, chaque premi&egrave;re lettre de mon blaze &eacute;voque un mot en anglais qui me caract&eacute;rise. Et pour personnaliser le tout, j&acute;ai rajout&eacute; un deuxi&egrave;me t &agrave; la fin pour la doublure de mes armes : le micro et le stylo. Cela donne :<br />
			<br />
			<b>G</b>reedy : Glouton<br />

			<b>A</b>blaze : Enflamm&eacute;<br />
			<b>M</b>using : R&ecirc;veur<br />
			<b>B</b>itter : Acharn&eacute;<br />
			<b>I</b>ntense : Intense<br />
			<b>T</b>ease : Taquin<br />
			<b>T</b>hick : Epais<br />

			<br />
			Je r&ecirc;ve de pouvoir rapper et donner mes cours de fran&ccedil;ais, car je sais qu&acute;en Belgique il est fort difficile de vivre ais&eacute;ment de son son. Mais si mon m&eacute;tier me permet de rapper &agrave; c&ocirc;t&eacute; ... On peut r&ecirc;ver non ?</p>
			
		</div>
		<div id="presentation_en">
						<h1>Introduction <h1>

						<p>I&acute;m Patrick, 1m77, 87kg &amp; I was born on July 15th, 1985. I just got my degreen as french teacher (to teach French to the foreigners). I write rhymes from now on seven years. I consider myself as an active MC since three years (since the foundation of the KuG, my group, in November 2004). KuG means Krilin union Gambitt. It evokes a common imaginary place where the ideas and the projects of two mc&acute;s can meet easier. But we have ourself solos projects too.<br />
			<br />
			My blaze is inspired by X-Mens, because the personality of the hero that seems like mine : a whimsical opportunist, to summarize the whole. I just didn&acute;t stole a pseudo any fact. I shaped it, making it with an acrostic. Indeed, every first letter of my blaze evokes a word in English who characterizes me. And to personalize the whole, I added the second t at the end for the twining of my weapons : the microphone and the pen. It looks like :&nbsp;<br />
			<br />
			<b>G</b>reedy : Glouton<br />

			<b>A</b>blaze : Enflamm&eacute;<br />
			<b>M</b>using : R&ecirc;veur<br />
			<b>B</b>itter : Acharn&eacute;<br />
			<b>I</b>ntense : Intense<br />
			<b>T</b>ease : Taquin<br />
			<b>T</b>hick : Epais<br />

			<br />
			<br />
			<p>I dream I&acute;ll rap and give my French course, because I know that in Belgium it is very difficult to live with an artist&acute;s earning. But if my job allows me to rap... We can dream isn&acute;t it ?</p>

		</div>
	
	</div>
</body>



Merci d'avance pour votre aide !


ps: pour l'image vide c'est le futur player mp3 en fait
Modifié par h_wiz (25 Jan 2010 - 00:36)