Comment utiliser un script pour contrôler le paramètre adaptatif à la hauteur d'un div avec trois lignes et trois colonnes. En fait, cela ne doit pas être si compliqué. Définissez simplement une hauteur fixe pour le div parent, par exemple 10 px, et. la hauteur de son div enfant : 100 % pour obtenir une adaptation en hauteur. Si vous n'y croyez pas, voir Code :
<head>
<style>.
corps {
famille de polices : arial, helvetica, sans-serif ;
couleur : noir ;
marge : 5px ;
background:#ffc url(d:/8767a.gif) répéter-y ;
remplissage : 0 ;
police : 12 px ;
espacement des lettres : 1 px ;
texte-align:centre;
police : 120 % ;
}
ul
{
type de style de liste: carré ;
liste-style-image:url(d:/8767a.gif);
position-style-liste : à l'intérieur ;
}
li
{
bordure : 1 px vert solide ;
largeur de bordure : 0px 0px 1px 0px ;
curseur:attendre;
}
.inline
{
affichage:bloc;
}
.div
{
paddin-top :-40px ;
}
.maxfont
{
taille de police : 180 % ;
}
#en-tête
{
arrière-plan : gris ;
marge : 2px 0px ;
largeur : 790 px ;
}
#gauche
{
arrière-plan :#ffeef0 ;
flotteur : gauche ;
largeur : 195 px ;
hauteur : 100 % ;
}
#milieu
{
arrière-plan :#ffaae0 ;
flotteur : gauche ;
largeur : 390 px ;
marge :0px 5px ;
hauteur : 100 % ;
}
#droite
{
arrière-plan :#ffaaaa ;
flotteur : gauche ;
largeur : 195 px ;
largeur : -10 px ;
hauteur : 100 % ;
}
#pied de page
{
arrière-plan :#ffaa11 ;
clair : les deux ;
largeur : 790 px ;
marge : 1px 0px ;
}
#gauche,#milieu,#droite
{
texte-align:gauche;
retrait de texte : 24 px ;
}
#contenu
{
marge : 0px automatique ;
largeur : 790 px ;
hauteur : 400 px ;
}
</style>
</head>
<corps>
<div style="display:aucun">
cet après-midi
<ul class="en ligne">
<li>
<p class="div">Mode normal</p>
<p class="maxfont">ssss</p>
<p>aaa</p>
<bfff>
</li>
<li>Tutoriel XHTML de Dream City.</li>
<li>Tutoriel CSS Dream City.</li>
<li>Tutoriel JAVASCRIPT de Dream City.</li>
</ul>
</div>
<div style="display:none">
Victimes
<ul>
<li>v gma a a</li>
<li>ddd dkdkdkd</li>
</ul>
</div>
<div id="header">
<h1>Le script contrôle trois lignes et trois colonnes de la disposition DIV à hauteur adaptative</h1>
</div>
<div id="content">
<div id="left">L'accessibilité ne concerne pas seulement les aveugles et les lecteurs d'écran. Il existe également de nombreuses personnes qui ne sont pas aveugles mais malvoyantes
- et vous et moi deviendrons l'un d'entre eux en vieillissant. L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs de modifier
la taille du texte ; refuser de proposer une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.
L’accessibilité ne concerne pas seulement les personnes aveugles et les lecteurs d’écran.
Il existe également de nombreuses personnes qui ne sont pas aveugles mais malvoyantes – et vous et moideviendrons l'un d'entre eux
en vieillissant
.L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs de modifier la taille du texte ; refuser de proposer
une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.
</div>
<div id="middle">L'accessibilité ne concerne pas seulement les aveugles et les lecteurs d'écran. Il existe également de nombreuses personnes qui ne sont pas aveugles mais
malvoyantes
- et vous et moi deviendrons l'un d'entre eux en vieillissant.L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs
de modifier
la taille du texte ; refuser de proposer une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.Si les concepteurs spécifient la taille du texte en pixels, la plupart des utilisateurs ne pourront pas redimensionner le texte car Internet Explorer
modifie
la taille du texte différemment des autres navigateurs.Mozilla et Opera peuvent redimensionner le texte défini à une taille en pixels, mais
IE sous Windows ne le peut pas.
L’accessibilité ne concerne pas seulement les personnes aveugles et les lecteurs d’écran.
Il existe également de nombreuses personnes qui ne sont pas aveugles mais malvoyantes – et vous et moideviendrons l'un d'entre eux
en vieillissant
.L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs de modifier la taille du texte ; refuser de proposer
une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.
Si les concepteurs spécifient la taille du texte en pixels, la plupart des utilisateurs ne pourront pas redimensionner le texte car Internet Explorer
modifie
la taille du texte différemment des autres navigateurs.Mozilla et Opera peuvent redimensionner le texte en pixels, mais
IE sous Windows ne le peut pas. Si les concepteurs utilisent des pixels pour spécifier la taille du texte, la plupart des utilisateurs ne pourront pas redimensionner le texte car Internet Explorer
modifie
la taille du texte de la même manière.sont différents. Mozilla et Opera peuvent redimensionner le texte défini à une taille en pixels, mais
IE sous Windows ne le peut pas.
L’accessibilité ne concerne pas seulement les personnes aveugles et les lecteurs d’écran.
Il existe également de nombreuses personnes qui ne sont pas aveugles mais malvoyantes – et vous et moideviendrons l'un d'entre eux
en vieillissant
.L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs de modifier la taille du texte ; refuser de proposer
une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.
Si les concepteurs spécifient la taille du texte en pixels, la plupart des utilisateurs ne pourront pas redimensionner le texte car Internet Explorer
modifie
la taille du texte différemment des autres navigateurs.Mozilla et Opera peuvent redimensionner le texte en pixels, mais
IE sous Windows ne le peut pas. Si les concepteurs utilisent des pixels pour spécifier la taille du texte, la plupart des utilisateurs ne pourront pas redimensionner le texte car Internet Explorer
modifie
la taille du texte de la même manière.sont différents. Mozilla et Opera peuvent redimensionner le texte défini à une taille en pixels, mais
IE sous Windows ne le peut pas.
L’accessibilité ne concerne pas seulement les personnes aveugles et les lecteurs d’écran.
Il existe également de nombreuses personnes qui ne sont pas aveugles mais malvoyantes – et vous et moideviendrons l'un d'entre eux
en vieillissant
.L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs de modifier la taille du texte ; refuser de proposer
une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.
Si les concepteurs spécifient la taille du texte en pixels, la plupart des utilisateurs ne pourront pas redimensionner le texte car Internet Explorer
modifie
la taille du texte différemment des autres navigateurs.Mozilla et Opera peuvent redimensionner le texte défini à une taille en pixels, mais
IE sous Windows ne le peut pas.
</div>
<div id="right">L'accessibilité ne concerne pas seulement les aveugles et les lecteurs d'écran. Il existe également de nombreuses personnes qui ne sont pas aveugles mais
malvoyantes
- et vous et moi deviendrons l'un d'entre eux en vieillissant.L’un des moyens les plus simples de rendre un site Web plus convivial est de permettre aux utilisateurs
de modifier
la taille du texte ; refuser de proposer une telle option enlève le contrôle à l’utilisateur et peut l’empêcher de lire confortablement.</div>
</div>
</div>
<div id="footer"> Bienvenue sur : www.devdao.com</div >
</body>