28221 sujets

CSS et mise en forme, CSS3

[resolu] Hauteur bloc - redimensionnement - safari

Bonjour,

Je suis la méthode du 

.divers {height : 160px}	  	 
html>body .divers   
{height: auto; 
min-height: 160px; }


Pour le redimensionnement de mes blocs
(pour ne pas avoir de débordement sous Mozz et autres lorsque l'on
redéfinis la taille de la police via le naviguateur.
Seulement, sous Safari cela n'a pas l'air de fonctionner.

J'ai également essayé cette méthode

#bloc {
height: auto !important;
height: 5em;
min-height: 5em;
}


Ca n'a pas l'air mieux ...
Ce n'est donc pas possible ?
Je précise que je ne comprends pas l'anglais.

Bien à vous et merci.
Administrateur
Salut, effectivement ce hack ne fonctionne pas sur Safari.

Dans les commentaires de ce billet, d'autres solutions sont proposées pour Safari.

Bonne chance.
En fait je venais du lien que tu m'as donné.
Si j'ai bien compris il faut que je me mette à l'anglais dar dar ? Smiley eek
J'essaye de suivre ca :
a écrit :
je préconisais d'introduire un flottant de largeur 0 et de la hauteur désirée. En gros dans le bloc il faut ajouter:

#div-min-height {position:relative;width:0;height 5em;float:left}
#div-min-height-bottom {position:relative;height:0;clear:left}


Pourquoi parle t'on d'1 flottant alors que je vois 2 # ?
J'ai bein essayer de rajouter 1 div flottant avec la dimmension que je souhaite obtenir ...
Mais en fait cela allonge mon bloc. Smiley decu 

* html #blocy {height: 170px}
#blocy {
width:100px;
background: yellow;
min-height: 170px;
} 
#div-min-height {position:relative;width:0; height : 170px;float:left}
#div-min-height-bottom {position:relative;0;clear:left}

et

<div id="blocy">blo
cy <br> bl bli bli<br> bl bli bli
<div id="div-min-height"></div>
<div id="div-min-height-bottom "></div>
</div>
Administrateur
a écrit :

Pourquoi parle t'on d'1 flottant alors que je vois 2 # ?

Il n'y a effectivement qu'un flottant dans l'exemple donné :

#div-min-height {position:relative;width:0;height 5em;[b]float:left[/b]}
#div-min-height-bottom {position:relative;height:0;clear:left}
Smiley sweatdrop

S'il y'a deux id, c'est qu'il faut un second div avec la propriété clear pour s'afficher en dessous du flottant.
oui , juste, pardon, mauvaise lecture de ma part!
Alors j'ai bien suivi l'exemple pourtant ...
Administrateur
Les éléments flottants doivent être placés de préférence en premier dans leur conteneur car ils influencent le contenu qui les suit et non pas celui qui les précède.

Essaye cette structure :
<div id="blocy">
	<div id="div-min-height"></div>
	blocy <br> bl bli bli<br> bl bli bli
	<div id="div-min-height-bottom"></div>
</div>
a écrit :
Les éléments flottants doivent être placés de préférence en premier dans leur conteneur car ils influencent le contenu qui les suit et non pas celui qui les précède.


Ahhh ... Je l'avais déjà lu !!! Merci !!!

sous mozz et IE ok ! Je vais tester sous safari ...
Sujet clos
Aller à