So verwenden Sie ein Skript, um die höhenadaptive Einstellung eines Divs mit drei Zeilen und drei Spalten zu steuern. Tatsächlich muss es nicht so mühsam sein. Legen Sie einfach eine feste Höhe für das übergeordnete Div fest, z. B. 10 Pixel die Höhe seines untergeordneten Div: 100 %, um eine Höhenanpassung zu erreichen. Wenn Sie es nicht glauben, lesen Sie Code:
<head>
<style>
Körper {
Schriftfamilie: Arial, Helvetica, Sans-Serif;
Farbe: Schwarz;
Rand: 5px;
Hintergrund:#ffc url(d:/8767a.gif) wiederholen-y;
Polsterung: 0;
Schriftart:12px;
Buchstabenabstand:1px;
text-align:center;
Schriftart:120%;
}
ul
{
Listenstiltyp:Quadrat;
list-style-image:url(d:/8767a.gif);
list-style-position:inside;
}
li
{
Rand: 1 Pixel grüner Vollton;
Rahmenbreite:0px 0px 1px 0px;
Cursor:warten;
}
.im Einklang
{
Anzeige:Block;
}
.div
{
paddin-top:-40px;
}
.maxfont
{
Schriftgröße:180%;
}
#header
{
Hintergrund:grau;
Rand:2px 0px;
Breite:790px;
}
#links
{
Hintergrund:#ffeef0;
float:left;
Breite: 195 Pixel;
Höhe: 100 %;
}
#Mitte
{
Hintergrund:#ffaae0;
float:left;
Breite:390px;
Rand:0px 5px;
Höhe: 100 %;
}
#Rechts
{
Hintergrund:#ffaaaa;
float:left;
Breite: 195 Pixel;
Breite:-10px;
Höhe: 100 %;
}
#Fußzeile
{
Hintergrund:#ffaa11;
klar:beide;
Breite:790px;
Rand: 1px 0px;
}
#links,#mitte,#rechts
{
text-align:left;
Texteinzug:24px;
}
#Inhalt
{
margin:0px auto;
Breite:790px;
Höhe:400px;
}
</style>
</head>
<body>
<div style="display:none">
heute Nachmittag
<ul class="inline">
<li>
<p class="div">Normalmodus</p>
<p class="maxfont">ssss</p>
<p>aaa</p>
<bfff>
</li>
<li>Dream City XHTML-Tutorial.</li>
<li>Dream City CSS-Tutorial.</li>
<li>Dream City JAVASCRIPT-Tutorial.</li>
</ul>
</div>
<div style="display:none">
Verluste
<ul>
<li>v gma a a</li>
<li>ddd dkdkdkd</li>
</ul>
</div>
<div id="header">
<h1>Das Skript steuert drei Zeilen und drei Spalten des DIV-Layouts mit adaptiver Höhe</h1>
</div>
<div id="content">
<div id="left">Bei Barrierefreiheit geht es nicht nur um Blinde und Screenreader. Es gibt auch viele Menschen, die nicht blind, aber sehbehindert sind
– und Sie und ich werden mit zunehmendem Alter einer von ihnen sein. Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben,
die Textgröße zu ändern. Die Weigerung, eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.
Bei der Barrierefreiheit geht es nicht nur um Blinde und Screenreader.
Es gibt auch viele Menschen, die nicht blind, aber sehbehindert sind – und Sie und ich werdenmit zunehmendem Alter
einer von ihnen sein
.Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben, die Textgröße zu ändern. Die Weigerung,
eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.
</div>
<div id="middle">Bei Barrierefreiheit geht es nicht nur um Blinde und Screenreader. Es gibt auch viele Menschen, die nicht blind, aber
sehbehindert
sind – und Sie und ich werden mit zunehmendem Alter einer von ihnen sein.Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben, die Textgröße
zu ändern
. Die Weigerung, eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.Wenn Designer die Textgröße in Pixel angeben, können die meisten Benutzer den Text nicht skalieren, da Internet Explorer die Textgröße anders
ändert
als andere Browser.Mozilla und Opera können Text skalieren, der auf eine Pixelgröße eingestellt wurde,
der IE unter Windows jedoch nicht.
Bei der Barrierefreiheit geht es nicht nur um Blinde und Screenreader.
Es gibt auch viele Menschen, die nicht blind, aber sehbehindert sind – und Sie und ich werdenmit zunehmendem Alter
einer von ihnen sein
.Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben, die Textgröße zu ändern. Die Weigerung,
eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.
Wenn Designer die Textgröße in Pixel angeben, können die meisten Benutzer den Text nicht skalieren, da Internet Explorer die Textgröße anders
ändert
als andere Browser.Mozilla und Opera können Text in Pixeln skalieren,
IE unter Windows jedoch nicht. Wenn Designer Pixel zur Angabe der Textgröße verwenden, können die meisten Benutzer den Text nicht skalieren, da der Internet Explorer die Textgröße auf die gleiche Weise
ändert
sind unterschiedlich. Mozilla und Opera können Text skalieren, der auf eine Pixelgröße eingestellt wurde,
der IE unter Windows jedoch nicht.
Bei der Barrierefreiheit geht es nicht nur um Blinde und Screenreader.
Es gibt auch viele Menschen, die nicht blind, aber sehbehindert sind – und Sie und ich werdenmit zunehmendem Alter
einer von ihnen sein
.Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben, die Textgröße zu ändern. Die Weigerung,
eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.
Wenn Designer die Textgröße in Pixel angeben, können die meisten Benutzer den Text nicht skalieren, da Internet Explorer die Textgröße anders
ändert
als andere Browser.Mozilla und Opera können Text in Pixeln skalieren,
IE unter Windows jedoch nicht. Wenn Designer Pixel zur Angabe der Textgröße verwenden, können die meisten Benutzer den Text nicht skalieren, da der Internet Explorer die Textgröße auf die gleiche Weise
ändert
sind unterschiedlich. Mozilla und Opera können Text skalieren, der auf eine Pixelgröße eingestellt wurde,
der IE unter Windows jedoch nicht.
Bei der Barrierefreiheit geht es nicht nur um Blinde und Screenreader.
Es gibt auch viele Menschen, die nicht blind, aber sehbehindert sind – und Sie und ich werdenmit zunehmendem Alter
einer von ihnen sein
.Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben, die Textgröße zu ändern. Die Weigerung,
eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.
Wenn Designer die Textgröße in Pixel angeben, können die meisten Benutzer den Text nicht skalieren, da Internet Explorer die Textgröße anders
ändert
als andere Browser.Mozilla und Opera können Text skalieren, der auf eine Pixelgröße eingestellt wurde,
der IE unter Windows jedoch nicht.
</div>
<div id="right">Bei Barrierefreiheit geht es nicht nur um Blinde und Screenreader. Es gibt auch viele Menschen, die nicht blind, aber
sehbehindert
sind – und Sie und ich werden mit zunehmendem Alter einer von ihnen sein.Eine der einfachsten Möglichkeiten, eine Website benutzerfreundlicher zu gestalten, besteht darin, den Benutzern die Möglichkeit zu geben, die Textgröße
zu ändern
. Die Weigerung, eine solche Option anzubieten, nimmt dem Benutzer die Kontrolle und verhindert möglicherweise, dass er bequem lesen kann.</div>
</div>
</div>
<div id="footer">Willkommen bei: www.devdao.com</div >
</body>