Texte décalé vers la gauche
Résolu/Fermé
beate
Messages postés
166
Date d'inscription
dimanche 28 août 2005
Statut
Membre
Dernière intervention
7 juillet 2010
-
9 déc. 2007 à 23:42
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 11 déc. 2007 à 00:18
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 11 déc. 2007 à 00:18
A voir également:
- Texte décalé vers la gauche
- Windows 11 barre des taches a gauche - Guide
- Windows 7 vers windows 10 - Guide
- Excel cellule couleur si condition texte - Guide
- Mettre un texte en majuscule - Guide
- Corinne copie un texte sur le web et le colle dans un document avec l'option "texte non formaté" (aussi appelée "texte sans mise en forme"). qu'est-ce qui est conservé ? - Forum Bureautique
5 réponses
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 773
10 déc. 2007 à 01:15
10 déc. 2007 à 01:15
Bonjour,
Essaye comme ça
Auquel il faut ajouter un bloc en “clear” pour reprendre le flux et adapter le “cadre”.
++
Merci d'utiliser le bouton Code pour présenter le vôtre.
Le “min-height” fonctionne dans IE6 ?
--
Essaye comme ça
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>En float ?</title> <style type="text/css"> <!-- body { width:100%; margin:0; margin-top:15px; margin-bottom:15px; text-align:left; color:#000080; font-family:Verdana,Helvetica,Arial,sans-serif; background-color:#338; } p { font-size:12px; } #cadre { position:relative; border:2px solid #1e90ff; width:730px; margin:0 auto; background-color:#fff; } #page { margin:30px 20px 20px 40px; /* puisque le gauche est en float, alors, le page aussi */ float:left; width:520px; min-height:500px; background-color:#dde; } #gauche { width:150px; float:left; padding-top:42px; text-align:center; background-color:#edd; } #pied { clear : left; background-color:#eed; } h2 { font-size:21px; font-weight:normal; text-align:left; } a { color:#8B0000; text-decoration:none; } a:visited { color:#8B0000; text-decoration:none; } a:hover { text-decoration:underline; } a:active { text-decoration:underline; } #piece { font-size:12px; list-style:none; } #piece li { border:1px solid #1a1b18; margin:2px 0 20px 0; } --> </style> </head> <body> <div id="cadre"> <div id="gauche"> <ul id="piece"> <li><a href="lien1">Lien 1</a></li> <li><a href="lien2">Lien 2</a></li> <li><a href="lien3">Lien 3</a></li> <li><a href="lien4">Lien 4</a></li> </ul> </div> <div id="page"> <h2>Titre</h2> <p>bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> bla bla bla bla bla<br> Avec IE, depuis un peu plus bas<br> que le menu de gauche,<br> le texte dans le paragraphe<br> est légèrement décalé vers la gauche... </p> </div> <div id="pied"> </div> </div> </body> </html>avec le “page” aussi en “float“.
Auquel il faut ajouter un bloc en “clear” pour reprendre le flux et adapter le “cadre”.
++
Merci d'utiliser le bouton Code pour présenter le vôtre.
Le “min-height” fonctionne dans IE6 ?
--
beate
Messages postés
166
Date d'inscription
dimanche 28 août 2005
Statut
Membre
Dernière intervention
7 juillet 2010
6
10 déc. 2007 à 23:04
10 déc. 2007 à 23:04
Merci, Gihef,
Merci pour ta peine!
ça marche, je suis tiré d'embarras.
ps: La prochaine fois j'utiliserai le bouton code pour mettre le code.
Merci pour ta peine!
ça marche, je suis tiré d'embarras.
ps: La prochaine fois j'utiliserai le bouton code pour mettre le code.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 773
10 déc. 2007 à 23:28
10 déc. 2007 à 23:28
De rien (-:
Résolu, on peut considérer que c'est résolu alors ?
--
Résolu, on peut considérer que c'est résolu alors ?
--
beate
Messages postés
166
Date d'inscription
dimanche 28 août 2005
Statut
Membre
Dernière intervention
7 juillet 2010
6
10 déc. 2007 à 23:33
10 déc. 2007 à 23:33
Oui, c'est résolu pour moi.
Il faut donc, si je comprends bien, considérer #page aussi comme un bloc et le placer en float à côté de #gauche, pour éviter ce décalage qui dérangeait.
Merci encore
Il faut donc, si je comprends bien, considérer #page aussi comme un bloc et le placer en float à côté de #gauche, pour éviter ce décalage qui dérangeait.
Merci encore
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 773
11 déc. 2007 à 00:18
11 déc. 2007 à 00:18
“considérer #page aussi comme un bloc et le placer en float à côté”
Exactement.
++
http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS
--
Exactement.
++
http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS
--