Absolute et relative gros souci a l'aide !!!
Résolu
JustBrako
Messages postés
153
Date d'inscription
Statut
Membre
Dernière intervention
-
JustBrako Messages postés 153 Date d'inscription Statut Membre Dernière intervention -
JustBrako Messages postés 153 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
bonjour,
j'essaie de creer un petit site et j'ai un souci sous mozilla:
http://brk-lacompagnie.com
je vous place mes codes html et css si qqun peut m'orienter ce serai sympa merci a tous !!
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>test brk studio</title>
<META NAME="DESCRIPTION" CONTENT="brk studio">
<META NAME="ABSTRACT" CONTENT="brk studio">
<META NAME="KEYWORDS" CONTENT="mixtape,gratuite,mix-tape,mixtapes,mix-tapes,street,ghetto,rap,francais,justbrako,laudy,hiphop,hip,hop,hip-hop,téléchargement, free,download,free-download,freedownload,rue,france,spyda-team,spyda,brk,">
<META NAME="REVISIT-AFTER" CONTENT="10 Days">
<META NAME="ROBOT" CONTENT="Index,Follow">
<META NAME="RATING" CONTENT="general">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>
<body>
<div class="all" align="center">
<div style="width:1000px;height:620px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="center">
<!-- DEBUT en tete -->
<div class="en_tete" align="center">
<div style="width:950px;height:105px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="left">
</div>
<!-- FIN en tete -->
<!-- DEBUT CADRE -->
<div align="center">
<div style="width:995px;height:475px;overflow:auto;border-width:0px;border-color:#020FFF;border-style:solid;">
<!-- debut menu -->
<div id="menu" align="center">
<div style="width:170px;height:470px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;">
<image style="width:165px;height:460px;position:absolute" src="images/cadre-menu.png"/>
<div class="boutonsmenu" align="center">
<center>
<br>
<a href="index.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-accueil-violet.png"/></a>
<br>
<a href="pourquoi-brk.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-pourquoi-brk-orange.png"/></a>
<br>
<a href="references.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-references-orange.png"/></a>
<br>
<a href="prix.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-prix-orange.png"/></a>
<br>
<a href="devis.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-devis-orange.png"/></a>
<br>
<image style="width:150px;height:34px;position:relative" src="images/bouton-contact-orange.png"/></a>
<br>
</center>
</div>
</div>
</div>
<!-- fin menu -->
<!-- DEBUT corps-->
<div id="corps">
<div style="width:806px;height:470px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="left">
<image style="width:804px;height:460px;position:absolute" src="images/cadre-corps.png"/>
</div>
<!-- fin corps -->
</div>
<!-- fin CADRE -->
</div>
<!-- FIN CADRE -->
<div class="pied_de_page">
<div style="width:994px;height:30px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="center">
</div>
</div>
</body>
</html>
CSS:
/*code background*/
body,html
{
width:100%;
height:100%;
margin:0;
margin-top:auto;
margin-bottom:auto;
padding:0;
background:#000000 url(images/fond-seul.jpg) center center no-repeat fixed;
}
.all
{
?
height:620px;
position:absolute;
top:50%;
margin-top:-310px;
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
?
}
#menu
{
float: left;
}
img {
border:0
}
bonjour,
j'essaie de creer un petit site et j'ai un souci sous mozilla:
http://brk-lacompagnie.com
je vous place mes codes html et css si qqun peut m'orienter ce serai sympa merci a tous !!
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>test brk studio</title>
<META NAME="DESCRIPTION" CONTENT="brk studio">
<META NAME="ABSTRACT" CONTENT="brk studio">
<META NAME="KEYWORDS" CONTENT="mixtape,gratuite,mix-tape,mixtapes,mix-tapes,street,ghetto,rap,francais,justbrako,laudy,hiphop,hip,hop,hip-hop,téléchargement, free,download,free-download,freedownload,rue,france,spyda-team,spyda,brk,">
<META NAME="REVISIT-AFTER" CONTENT="10 Days">
<META NAME="ROBOT" CONTENT="Index,Follow">
<META NAME="RATING" CONTENT="general">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>
<body>
<div class="all" align="center">
<div style="width:1000px;height:620px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="center">
<!-- DEBUT en tete -->
<div class="en_tete" align="center">
<div style="width:950px;height:105px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="left">
</div>
<!-- FIN en tete -->
<!-- DEBUT CADRE -->
<div align="center">
<div style="width:995px;height:475px;overflow:auto;border-width:0px;border-color:#020FFF;border-style:solid;">
<!-- debut menu -->
<div id="menu" align="center">
<div style="width:170px;height:470px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;">
<image style="width:165px;height:460px;position:absolute" src="images/cadre-menu.png"/>
<div class="boutonsmenu" align="center">
<center>
<br>
<a href="index.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-accueil-violet.png"/></a>
<br>
<a href="pourquoi-brk.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-pourquoi-brk-orange.png"/></a>
<br>
<a href="references.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-references-orange.png"/></a>
<br>
<a href="prix.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-prix-orange.png"/></a>
<br>
<a href="devis.html"><image style="width:150px;height:34px;position:relative" src="images/bouton-devis-orange.png"/></a>
<br>
<image style="width:150px;height:34px;position:relative" src="images/bouton-contact-orange.png"/></a>
<br>
</center>
</div>
</div>
</div>
<!-- fin menu -->
<!-- DEBUT corps-->
<div id="corps">
<div style="width:806px;height:470px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="left">
<image style="width:804px;height:460px;position:absolute" src="images/cadre-corps.png"/>
</div>
<!-- fin corps -->
</div>
<!-- fin CADRE -->
</div>
<!-- FIN CADRE -->
<div class="pied_de_page">
<div style="width:994px;height:30px;overflow:auto;border-width:0px;border-color:#FFFFFF;border-style:solid;" align="center">
</div>
</div>
</body>
</html>
CSS:
/*code background*/
body,html
{
width:100%;
height:100%;
margin:0;
margin-top:auto;
margin-bottom:auto;
padding:0;
background:#000000 url(images/fond-seul.jpg) center center no-repeat fixed;
}
.all
{
?
height:620px;
position:absolute;
top:50%;
margin-top:-310px;
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
?
}
#menu
{
float: left;
}
img {
border:0
}
A voir également:
- Absolute et relative gros souci a l'aide !!!
- Absolute uninstaller - Télécharger - Divers Utilitaires
- Valeur relative et absolue ✓ - Forum VB / VBA
- La base de données de sécurité du serveur n'a pas de compte d'ordinateur pour la relation ✓ - Forum Réseau
- Comment écrire formule avec valeur relative - Forum Programmation
- Relation d'approbation - Forum Windows 10
5 réponses
Salut !
Quel est ton soucis exactement ?
J'ai été voir ton site je n'ai pas vu d'erreur.
Sauf que les liens mènent nul part, c'est ça le problème ?
Sinon j'ai remarqué dans ton code quelque chose qui risque de poser problème avec Internet Explorer
inférieur au 8.
margin-left:-500px;
Internet Explorer ne prend pas en compte le négatif.
Et ça risque de rendre pas très beau...
Quel est ton soucis exactement ?
J'ai été voir ton site je n'ai pas vu d'erreur.
Sauf que les liens mènent nul part, c'est ça le problème ?
Sinon j'ai remarqué dans ton code quelque chose qui risque de poser problème avec Internet Explorer
inférieur au 8.
margin-left:-500px;
Internet Explorer ne prend pas en compte le négatif.
Et ça risque de rendre pas très beau...
merci de ta reponse voila le souci est sur firefox uniquement et je t'ai mis un lien avec le rendu chez moi et chez mon voisin...
http://brk-lacompagnie.com/rendu%20firefox.jpg
merci pour l'info a propros du negatif non pris en charge par ie inf a 8 alors que puis faire pour ajuster?
http://brk-lacompagnie.com/rendu%20firefox.jpg
merci pour l'info a propros du negatif non pris en charge par ie inf a 8 alors que puis faire pour ajuster?
j'ai remarqué que ce souci est provoqué lors de l'insertion des positions relatives sur mon cadre en png .......... pkoi????????? bouh firefox
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question