Soucis pour fixer des éléments (CSS)
Aldrasius
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
voici mon site :
Mon souci, et vous le verrez en allant sur mon site, est que depuis mon Mac 13 pouces tout est parfait et bien agencé et dès que je rétrécie la fenêtre ou que je le visite depuis un autre ordinateur avec un écran de plus de 13 pouces tout est décalé ...
J'ai essayé beaucoup de choses : attachement, wrapper ...
Si quelqu'un a une idée je suis tout ouïe.
voici mon site :
aldrasius.fr
Mon souci, et vous le verrez en allant sur mon site, est que depuis mon Mac 13 pouces tout est parfait et bien agencé et dès que je rétrécie la fenêtre ou que je le visite depuis un autre ordinateur avec un écran de plus de 13 pouces tout est décalé ...
J'ai essayé beaucoup de choses : attachement, wrapper ...
Si quelqu'un a une idée je suis tout ouïe.
A voir également:
- Soucis pour fixer des éléments (CSS)
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Fixer colonne excel - Guide
- Copier plusieurs éléments - Guide
- Pdf elements gratuit - Télécharger - PDF
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
3 réponses
Bonjour,
Est-ce que la taille de tes blocs est fixée en % (en CSS) ? Si c'est la cas, il faut que tu les mettent en px et comme ça plus de deformation :)
Est-ce que la taille de tes blocs est fixée en % (en CSS) ? Si c'est la cas, il faut que tu les mettent en px et comme ça plus de deformation :)
Un petit up pour un problème toujours pas résolu.
N'hésitez pas à regarder le code de mon site si vous avez deux secondes.
N'hésitez pas à regarder le code de mon site si vous avez deux secondes.
Bonjour,
1) je suis allé voir le code source de la page d'accueil:
- un doctype qui fait référence au XHTML.... Or, il manque un DIV selon mon analyseur de code
- des balises obsolètes comme CENTER
- du code bizarre:
<!-- <img style="margin-top:-10px;" src="design/images/separateur.png" /><br /> -->
</center>
<!-- <img src="design/images/separateur2.png" class="separateur" /> -->
</div>
</code>
Si c'éatit moi, je réécrirai ceci en HTML5:
et en appliquant le code CSS approprié à NAV et A
Exemple, pour avoir des A qui sautent à la ligne:
nav { text-align: center; ...................... }
nav a { display: block; ......... }
Ensuite, mettre tout simplement vos blocs en positionnement absolu. J'explique le positionnement ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageAvecPositionnement
et le HTML5 est utilisable dès maintenant:
http://html5.immo-scope.com/index.php?page=html5/premierePageHtml5
Vous allez voir comme finalement c'est super le positionnement CSS.
A+
1) je suis allé voir le code source de la page d'accueil:
- un doctype qui fait référence au XHTML.... Or, il manque un DIV selon mon analyseur de code
- des balises obsolètes comme CENTER
- du code bizarre:
<div id="menu"><br /><br /> <center> <!-- <img style="margin-top:-10px;" src="design/images/separateur.png" /><br /> --> <p style="text-align:right; line-height: 90%;"> <a href="index.html" class="home">Home</a><br /> <a href="creations.html" class="creations">Creations</a><br /> <a href="musique.html" class="musique">Musique</a><br /> <a href="contacts.html" class="contacts">Contacts</a> <code></p> <br /><br />
<!-- <img style="margin-top:-10px;" src="design/images/separateur.png" /><br /> -->
</center>
<!-- <img src="design/images/separateur2.png" class="separateur" /> -->
</div>
</code>
Si c'éatit moi, je réécrirai ceci en HTML5:
<nav> <a href="index.html" class="home">Home</a> <a href="creations.html" class="creations">Creations</a> <a href="musique.html" class="musique">Musique</a> <a href="contacts.html" class="contacts">Contacts</a> </nav>
et en appliquant le code CSS approprié à NAV et A
Exemple, pour avoir des A qui sautent à la ligne:
nav { text-align: center; ...................... }
nav a { display: block; ......... }
Ensuite, mettre tout simplement vos blocs en positionnement absolu. J'explique le positionnement ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageAvecPositionnement
et le HTML5 est utilisable dès maintenant:
http://html5.immo-scope.com/index.php?page=html5/premierePageHtml5
Vous allez voir comme finalement c'est super le positionnement CSS.
A+
Et au niveau des positions j'ai essayé aussi et rien n'y fait.
Il doit y avoir autre chose à faire je pense.