28172 sujets

CSS et mise en forme, CSS3

Bonjour

J'ai un souci avec IE6. La colonne de droite est renvoyée tout en bas de la colone centrale.
Je m'en suis rendue compte en consultant mon site depuis un autre PC.

Voici mon CSS :


#global {
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width: 950px;
		}


#topsection{
		height:235px; /*Height of top section*/
		background: transparent url("../images/logo.gif") no-repeat;
}


#menuhor{
		float: left;
		margin-top: 187px; /*Set left margin to -(RightColumnWidth)*/
		width: 950px;
		height:32px;
		/*background: url(/images/bg_menu.gif) repeat-x 0 -25px ;*/
		text-align: center;
}

#contentwrapper{
		float: left;
		width: 100%;
		background: <?php echo $coulNeutreClaire;?>;
}

#contentcolumn{
		padding: 10px 10px 10px 10px;
		float: left;
		left: 180px;
		width: 620px;
		min-height: 500px;
		text-align: justify;
		background: <?php echo $coulNeutreClaire;?>;		
}


#leftcolumn{
		float: left;
		left: 0px;
		width: 180px; /*Width of left column*/
		min-height: 400px;
		background: <?php echo $coulNeutreClaire;?>;
}

#rightcolumn{
		margin:0;
		padding:0;
		top:0;
		bottom:0;
		position:relative;
		/*float: left;
		left: 825px;
		width: 125px;
		background: <?php echo $coulNeutreClaire;?>;
		min-height: 400px;*/
}

#footer{
		clear: left;
		width: 950px;
		background: black;
		color: #FFF;
		text-align: center;
		padding: 4px 0;
}

#footer a{
		color: #FFFF80;
}


L'url de mon site : http://www.annees-ffa.com

Comment résoudre ce problème ?

Merci aux experts CSS pour votre disponibilité permanente !
Modifié par lcastou (18 Mar 2008 - 00:02)
Bonjour à tous

J'ai résolu mon problème toute seule comme une grande à 3h du mat' ! (ben vi des fois ça a des avantages de faire des insomnies...)

Voici le code résultat si qurlqu'un rencontre le même problème :


body{
margin:0;
padding:0;
line-height: 1.2em;
background: <?php echo $coulNeutreClaire;?> url(/images/html.jpg) repeat-x;
height: 100%;
	font: 72%/2.0em verdana, tahoma, arial,  sans-serif; 
}

#global {
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width: 1110px;
		}


#topsection{
		height:202px; /*Height of top section*/
		background: transparent url("../images/logo.gif") no-repeat;
}


#menuhor{
		float: left;
		width: 1110px;
		height:32px;
		background: url(/images/bg_menu.gif) repeat-x 0 -25px ;
		text-align: center;
}

#contentwrapper{
		float: left;
		width: 100%;
		background: <?php echo $coulNeutreClaire;?>;
}

#contentcolumn{
		padding: 10px 10px 10px 10px;
	margin-left: 180px;
	margin-right: 260px;
		width: 640px;
		min-height: 500px;
		text-align: justify;
		background: <?php echo $coulNeutreClaire;?>;		
}


#leftcolumn{
		float: left;
		left: 0px;
		width: 180px; /*Width of left column*/
		min-height: 400px;
		background: <?php echo $coulNeutreClaire;?>;
}

#rightcolumn{
		margin:0;
		padding:0;
		top:0;
		bottom:0;
		float:right;
		width:260px;

		/*float: left;
		left: 825px;
		width: 125px;
		background: <?php echo $coulNeutreClaire;?>;
		min-height: 400px;*/
}

#footer{
		clear: left;
		width: 1110px;
		color: #FFF;
		background:url(/images/menubg.gif) repeat-x left top;
		text-align: center;
		padding: 4px 0;
}

#footer a{
		color: #FFFF80;
}


Bonne continuation à tous ! Smiley cligne
lcastou a écrit :
J'ai résolu mon problème toute seule comme une grande à 3h du mat' ! (ben vi des fois ça a des avantages de faire des insomnies...)

Mais qui a dit que le nuit porte conseil ?!? Smiley lol
Un petit [Résolu] pour fêter ça ?!? Smiley murf
niarf niarf niarf, shame on me.... Smiley sweatdrop Smiley sweatdrop Smiley sweatdrop

pour les 1000$, me dire qui veut par paypal et qui veut par virement (ben vi, c'est pas tout de bosser dans les banques du monde entier et d'avoir accès à leurs systèmes d'info, fallait bien qu'un jour ou l'autre je sois contrainte de m'en servir.....)
Pour les virements, me préciser les numéros IBAN, c'est plus pratique... mdr

well done, je le saurai pour la prochaine fois... Smiley langue

++++
Modifié par lcastou (18 Mar 2008 - 00:05)