problème de boîte/cadre/float

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème de boîte/cadre/float

thwz

quoi mon pseudo imprononçable?

Me revoici avec mes ptis ennuis de page perso ^^

Donc voilà j'ai mis un gros bloc de texte pour remplacer ce qui y sera au final.

le XHTML1.0:

Code :

<body>
<div id="principal">
<div class="photo">
<img class="photo" src="moi1.png" alt="Photo de moi" />
</div>
<div id="texte">
<h1>L'histoire de Linux</h1>
<p>
Unix est un des systèmes d'exploitation les plus appréciés, ... etc </p>

le CSS:

Code :

body {
pas intéressant
}
div#principal {
position: absolute;
height: 100%;
width: 800px;
left: 50%;
margin-left: -400px;
border: 2px solid #6367F0;
padding: 5px;
position: absolute }
img.photo {
pas intéressant
}
div.photo {
il y a d'autres styles mais qui ne sont pas intéressant ici je pense
width: 150px;
height: 200px;
float: left; }
div#texte {
float: right; }

Les screenshots:

Internet Explorer:

tout en bas, comme vous pouvez le voir le cadre ne se termine pas

Mes problemes:
Dans le cas Firefox:
le cadre s'arrete avant la fin du texte --résolu--
le texte ne commence pas en haut, à droite de la photo --résolu--

Dans le cas de IE:
le cadre ne se termine pas tout en bas
la sorte de "colonne" à gauche en dessous de la photo n'est pas remplie par le texte --résolu--

Merci de m'aider à résoudre ces 4 problemes

Message édité par thwz le 25-08-2004 à 19:34:48

Publicité

MrFredG

essaye de rajouter dans ton div principal un "spacer"
coté HTML:
<div class="spacer"> </div>
coté CSS
div.spacer{
clear:both;
}

thwz

quoi mon pseudo imprononçable?

j'ai essayé de rajouter ton spacer entre la fermeture des deux div. rien n'y fait. puis jlai mis au début, toujours rien :s

MrFredG

c'est pourtant la bonne solution a ton problème. je te conseille de lire ceci:
http://www.openweb.eu.org/articles/initiation_float/

gatsusat

et de mettre overflow : auto; ??
ca pourrait peut etre le faire

gm_superstar

Appelez-moi Super

Pourquoi mettre le texte en flottant à droite ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

gm_superstar:
en effet, en enlevant le float à droite du texte, il se place comme je veux le désirais.
merci bien!

les problèmes restants:
sur Firefox, le cadre s'arrête toujours avant la fin du texte
sur IE, la fin du cadre n'apparâit pas

j'ai testé overflow, mais il me donne une boîte de déroulement dans mon cadre... ce que je ne désire pas

Citation :

Overflow

Cette propriété permet d'indiquer si le contenu doit être coupé lorsqu'il y a débordement (trop de contenu pour la taille définie de la boîte.

Microsoft Internet Explorer 5 peut aussi accepter les propriétés overflow-x et overflow-y
.

overflow-x, est utilisé lorsque le texte déborde sur la largeur.

overflow-y, est utilisé lorsque le texte déborde sur la hauteur.

Les valeurs possibles pour ces deux propriétés sont les mêmes que celles de la propriété overflow.

Valeurs
visible Le contenu de trop n'est pas coupé et déborde de la boîte.
hidden Le contenu de trop est coupé.
scroll Le logiciel de navigation doit fournir un mécanisme de défilement pour permettre la lecture du contenu en trop.
auto Le résultat dépend du logiciel de navigation. Normalement un mécanisme de défilement devrait être disponible.
inherit (héritage : applique les valeurs de l'élément parent)
Valeur initiale visible

n'exiterait-til pas une valeur pour overflow du type "extend", par exemple, qui ferait en sorte que la boîte s'adapte au contenu, ou une propriété similaire?

Message édité par thwz le 25-08-2004 à 19:24:33

thwz

quoi mon pseudo imprononçable?

éhéhé! j'aurais du attendre avant de poster.
j'ai trouvé la solution pour mon problème de cadre avec Firefox: il suffisait d'enlever la propriété height:100% de div#principal.

la fin du cadre n'apparâit toujours pas sur IE mais je suppose que cela doit être un problème de padding, ou de margin entre le body et le div#principal.

thwz

quoi mon pseudo imprononçable?

finalement je coince :s
personne n'a une solution?
je pense qu'il faudrait mettre un espace entre le body et la fin du div#principal mais je n'y arrive pas. Je pense que c'est lieu au fait que div#principal est en position: absolute.

alors, une idée?

thwz

quoi mon pseudo imprononçable?

si c'est le fait qu'il y en a trop dans ce topic qui vous gène, dites-le et j'en ferais un nouveau où j'expliquerai mon dernier probleme.

Message édité par thwz le 25-08-2004 à 21:02:19

Publicité

gm_superstar

Appelez-moi Super

Une URL pour tester ?

Message édité par gm_superstar le 25-08-2004 à 21:02:41

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

http://thwz.free.fr/autoportrait.php

gm_superstar

Appelez-moi Super

Bon ça vient visiblement de ton bloc princiapl positionné en absolu... et ça m'a tout l'air d'être un bug

En fait tu peux essayer une autre méthode pour centrer ton cadre : http://incongru.webdynamit.net/CentrageHorizontal (1ère méthode)

Mais il faudra enlever le prologue XML de document HTML car avec ce prologue, IE 6 ne se met pas en mode standard (et le bloc ne sera pas centré)

Message édité par gm_superstar le 25-08-2004 à 21:34:28

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

ce qui donnera une page non valide XHTML 1.0 , n'est-ce pas?

gm_superstar

Appelez-moi Super

Non, le prologue n'est pas obligatoire.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

--> http://thwz.free.fr/autoportrait.php

regarde gm_superstar, l'alignement horizontal marche, pourtant j'ai laissé <?xml version="1.0" encoding="iso-8859-1"?>

gm_superstar

Appelez-moi Super

Ah tiens c'est bizarre quand j'avais essayé chez moi ça ne marchait pas [:figti]

Bon ben tant mieux

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

mais, maintenant que mon bloc est en position absolute, plus aucun moyen de le centrer verticalement n'est-ce pas, si jamais le texte était beaucoup plus petit?

gm_superstar

Appelez-moi Super

Oui, mais s'il est plus petit il n'y a plus de problème de bordure

Message édité par gm_superstar le 25-08-2004 à 22:48:43

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

c'est exact mais je crains à utiliser cette page plus tard comme pseudo-frame et avoir les deux cas présents: petit texte et texte beaucoup plus long.

pas de solution, ou alors abandonner les pseudos-frames et faire 2 .xhtml ?

gm_superstar

Appelez-moi Super

Yaisse ! J'ai trouvé une solution !

Il suffit de placer ton bloc principal en position relative. (change juste absolute par relative). Et ça marche

En fait le bug est provoqué par la présence du flottant dans le bloc en position absolue... Va comprendre...

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

thwz

quoi mon pseudo imprononçable?

lol t vachement fort
respect

mais j'ai encore changé d'avis. finalement le centré vertical, c'est pas super. j'aimerais savoir si il y a moyen de tirer le cadre, même si il est vide de texte jusqu'au bord de la fenêtre, pour qu'il remplisse tout l'écran en hauteur, qu'il soit remplit ou pas?
j'ai pensé au JavaScript mais je sais pas trop comment m'y prendre

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

problème de boîte/cadre/float

Sujets relatifs
Problème : script continue avant la fin de l'execution system()	[JAVADOC] Problème de tags avec un tiret
Problème de configuration de serveur Apache2	Problème Access récupération value d'une TextBox dans une Requête
Problème avec un boucle For Each et une fonction recursive	[php]problème avec la fonction logique \|\| [resolu]
problème passage paramètre pthread_create ?	Problème avec addslashes
Probléme Datatype image avec SQL server 2000	boite de dialogue avec redirection dasn pseudo frame [Resolu]
Plus de sujets relatifs à : problème de boîte/cadre/float

Page générée en 0.073 secondes