Anhang - Springer
Anhang - Springer
Anhang - Springer
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
1080<br />
color:white;<br />
}<br />
<br />
<br />
<br />
Internet-ABC<br />
Kennen Sie die<br />
Abküzungen?<br />
<br />
<br />
Abkürzung<br />
<br />
Bedeutung<br />
<br />
<br />
<br />
URL<br />
Uniform Resource Locator<br />
<br />
<br />
… weitere Reihen …<br />
<br />
<br />
<br />
10 Layout erstellen<br />
<br />
<br />
<br />
CSS-Layout<br />
<br />
#gruen {position:absolute;<br />
width:150px;<br />
height:100px;<br />
top:0px;<br />
left:0px;<br />
background-color:green;<br />
}<br />
#gelb {position:absolute;<br />
width:450px;<br />
height:100px;<br />
top:0px;<br />
left:150px;<br />
background-color:yellow;<br />
}<br />
#blau {position:absolute;<br />
width:150px;<br />
height:300px;<br />
left:0px;<br />
top:100px;<br />
background-color:blue;<br />
}<br />
#rot {position:absolute;<br />
width:450px;<br />
height:300px;<br />
top:100px;<br />
left:150px;<br />
background-color:red;<br />
}<br />
#braun {position:absolute;<br />
width:600px;<br />
height:50px;<br />
top:400px;<br />
left:0px;<br />
background-color:maroon;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
11 CSS-Layouts erstellen<br />
Der wesentliche Vorteil von float besteht<br />
darin, dass sich das Layout an die<br />
Monitor- bzw. Fenstergröße anpasst.<br />
Die Inhalte bleiben immer sichtbar,<br />
selbst wenn das Fenster stark verkleinert<br />
wird. Absolut platzierte Rahmen<br />
überdecken sich bei starker Verkleinerung<br />
des Browserfensters.