Page non centrée dans IE (css ?)
Résolu
bg62
Messages postés
23733
Date d'inscription
Statut
Modérateur
Dernière intervention
-
bg62 Messages postés 23733 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23733 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
voici une url de test : http://refok.free.fr/test/appart/index.html
sous FF, pas de problème (quoique un peu de fond de page qui apparait en bas de page), mais sous IE, alors là !!! encore une fois ça coince ... toute la page est collée à gauche et le background n'apparait qu'à droite ... super naZe !
il doit y avoir un blême dans la css mais lequel ?
alors : sos .... !
@mitiés
b g
voici une url de test : http://refok.free.fr/test/appart/index.html
sous FF, pas de problème (quoique un peu de fond de page qui apparait en bas de page), mais sous IE, alors là !!! encore une fois ça coince ... toute la page est collée à gauche et le background n'apparait qu'à droite ... super naZe !
il doit y avoir un blême dans la css mais lequel ?
alors : sos .... !
@mitiés
b g
A voir également:
- Page non centrée dans IE (css ?)
- Supprimer une page dans word - Guide
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
- Page privée - Guide
- Page accueil iphone - Guide
36 réponses
Bonjour,
tu n'as pas le droit de mettre ALT dans un div.
tu n'as pas le droit de mettre ALT dans un div.
Line 41, Column 25: there is no attribute "ALT". <div id="header" alt="Les standing apparts du Mas des 2 cèdres" title="Les s ✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element.
oui j'ai vu sur le validateur ... et c'est ce que je disais à Dalida, j'ai vu une fois une réponse, mais ne la retrouve plus ...
mais alors, avec un appel d'image normal, pas de problème ...
ici l'image du header est dans la css , alors comment faire pour intégrer ces deux attributs ?
@+
b g
mais alors, avec un appel d'image normal, pas de problème ...
ici l'image du header est dans la css , alors comment faire pour intégrer ces deux attributs ?
@+
b g
en mettant directement l'image, et non pas un background au div en css
++ je file voir mon employeur
++ je file voir mon employeur
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
salut,
adieu les CSS, tu inclus une image dans le <div>.
adieu les CSS, tu inclus une image dans le <div>.
<div id="header"> <p><img src="" alt="" height="" width="" /></p> </div>
ok voilà ce que j'ai fait :
et
au validateur c'est bon !
tu ne m'as pas répondu sur ton système de " h1 " avec du texte caché ...
@+
b g
/*h1
{
margin:0;
padding:0;
height:147px;
text-indent:-1000em;
overflow:hidden;
background-image:url(images/header4.jpg);
background-position:0 0;
background-repeat:no-repeat;
}*/
pour la css
et
<div id="header"> <img src="images/header4.jpg" alt="Les standing apparts du Mas des 2 cèdres" title="Les standing apparts du Mas des 2 cèdres"> <!--<h1>Les standing apparts du Mas des 2 cèdres</h1>--> <p class="align-center">Appartements meublés entièrement équipés, tourisme et professionnels dans la Drôme, près des sites de Tricastin, Marcoule, Pierrelatte (Ardèche et Drôme).</p> </div>pour le haut de page
au validateur c'est bon !
tu ne m'as pas répondu sur ton système de " h1 " avec du texte caché ...
@+
b g
par contre ici :
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frefok.free.fr%2Ftest%2Fappart%2Findex2.html&profile=css21&usermedium=all&warning=1&lang=fr
j'ai des erreurs et des avertissements !!!
tu y comprends qq chose ???
@+
b g
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frefok.free.fr%2Ftest%2Fappart%2Findex2.html&profile=css21&usermedium=all&warning=1&lang=fr
j'ai des erreurs et des avertissements !!!
tu y comprends qq chose ???
@+
b g
font-family:verdana,sans-serif,arial,helvetica;
il y a une virgule en trop au bout.
les autres doivent se corriger toutes seules.
pour les avertissements, pas la peine d'en tenir compte.
sauf si tu veux un rapport complètement clean, dans ce cas suis les indications.
il me reste ceci:
Propriété érronée : background-repeat Trop de valeurs, ou valeurs non reconnues : repeat-x repeat-yje le supprime complètement ?
et j'aimerais essayer e mettre les logos de validation ... mais beaucoup plus petits .... où en trouver ?
@+
b g
@+
b g
j'ai créer une version en texte pur, regarde en bas.
le "check" n'est pas affiché par IE, évidement…
pour le reste j'en suis assez content, l'affichage est proportionnel tu peux donc facilement définir la taille.
Gryzzly les a déjà repris.
le "check" n'est pas affiché par IE, évidement…
pour le reste j'en suis assez content, l'affichage est proportionnel tu peux donc facilement définir la taille.
Gryzzly les a déjà repris.
j'ai mis ceci:
car je n'ai pas la correspondance de
<li class="footer-right">
et
class="w3c"
donc pour l'instant ... pas terrible comme affichage ...
<li><a href="http://validator.w3.org/check?uri=referer" class="w3c"><span>W3C<span>✓</span></span><span class="spec"> Valid HTML 4.01 Transitional </span></a></li> <li><a href="http://jigsaw.w3.org/css-validator/check/referer" class="w3c"><span>W3C<span>✓</span></span><span class="spec"> CSS 2.1 </span></a></li>
car je n'ai pas la correspondance de
<li class="footer-right">
et
class="w3c"
donc pour l'instant ... pas terrible comme affichage ...
re ...
voici ce que je viens de remettre:
-css:
- html:
pas terrible ... doit me manquer encore qq chose !!!
@+
b g
voici ce que je viens de remettre:
-css:
/* LOGOS W3C */
div#footer ul li.footer-right {
margin : 0 0 0 0.72em;
}
div#footer ul li.footer-right a.w3c {
font-family : arial, sans-serif;
font-size : 0.72em;
color : #0c479d;
padding : 1px;
background-color : #fff;
}
div#footer ul li.footer-right a.w3c:link, div#footer ul li.footer-right a.w3c:visited, div#footer ul li.footer-right a.w3c:hover, div#footer ul li.footer-right a.w3c:active {
text-decoration : none;
}
div#footer ul li.footer-right a.w3c span {
padding : 0 0.3em;
}
div#footer ul li.footer-right a.w3c span.spec {
background-color : #fc6;
color : #000;
}
div#footer ul li.footer-right a.w3c span span {
padding : 0;
font-size : 1.2em;
color : #2e8b57;
}
- html:
<li class="footer-right"><a href="http://validator.w3.org/check?uri=referer" class="w3c"><span>W3C<span>✓</span></span><span class="spec"> Valid HTML 4.01 Transitional </span></a></li> <li class="footer-right"><a href="http://jigsaw.w3.org/css-validator/check/referer" class="w3c"><span>W3C<span>✓</span></span><span class="spec"> CSS 2.1 </span></a></li>
pas terrible ... doit me manquer encore qq chose !!!
@+
b g
as-tu ajouté et adapté les CSS ?
div#footer ul li.footer-right a.w3c
{
font-family: arial,sans-serif;
font-size:.72em;
color:#0c479d;
padding:1px;
background-color:#fff;
}
div#footer ul li.footer-right a.w3c:link,
div#footer ul li.footer-right a.w3c:visited,
div#footer ul li.footer-right a.w3c:hover,
div#footer ul li.footer-right a.w3c:active
{
text-decoration: none;
}
div#footer ul li.footer-right a.w3c span
{
padding: 0 .3em;
}
div#footer ul li.footer-right a.w3c span.spec
{
background-color: #fc6;
color:#000;
}
div#footer ul li.footer-right a.w3c span span
{
padding:0;
font-size:1.2em;
color:#2e8b57;
}
tu n'as pas de <div id="footer"> mais un <div id="bg">, faut adapter !
remplace 'div#footer' par 'div#bg'.
remplace 'div#footer' par 'div#bg'.
en ligne c'est bon.
un peu d'espace entre les <li> et peut être marquer juste "HTML 4.01" et pis voili, voulou !
un peu d'espace entre les <li> et peut être marquer juste "HTML 4.01" et pis voili, voulou !
ok je pense que c'était, une fois de plus, mon 'bas débit' qui m'a joué un tour ...
super ! je vais donc mettre en "résolu"
mais avec tout ce temps passé .... je voudrais te rendre la 'pareille' alors si je peux faire qq chose pour ton site au niveau référencement ... tu me le dis (en MP) ce sera avec grand plaisir je compte sur toi car j'y tiens !
@+
b g
super ! je vais donc mettre en "résolu"
mais avec tout ce temps passé .... je voudrais te rendre la 'pareille' alors si je peux faire qq chose pour ton site au niveau référencement ... tu me le dis (en MP) ce sera avec grand plaisir je compte sur toi car j'y tiens !
@+
b g
