nicht angemeldet
Besucherbrowserfensters automatisch anpassen
Sehr geehrte Programmierfreunde,
beim erstellen und der Fertigstellung der Internetseite ist mir aufgefallen,
daß die Darstellung der Internseite auf einem kleineren Monitor- Bsp. eines
17´Zoll- Monitors- nicht komplett dargestellt wird.
Die Seite hatte ich mit Dreamweaver Vers. 8.0, einer Auflösung 800x600 und mit einem 19´Zollmonitor erstellt.
Wie kann mann es erreichen, daß sich die Seite komplettt auf dem Besucher-Browserfenster jeder Größe automatisch anpaßt?
Ich selber bin in diesem Fach ein Laie.
Ich wäre Euch sehr dankbar, wenn Ihr mir weiter helfen könntet, anbei der
Quelltext:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta content=" Name - Tel.XX " name=description />
<meta content="index, follow" name=robots />
<meta content="14 days" name="Revisit after" />
<meta content=german name=language />
<meta content=ge name=Content-Language />
<meta name="Author"content="R. Engelhardt" />
<title>Kopffram</title>
<style type="text/css">
<!--
#Layer1 { position:absolute;
width:69px;
height:115px;
z-index:1;
}
body {
background-color: #FFFFCC;
background-image: url(Tools/Bannerhintergrund.png);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
#Layer2 {
position:absolute;
width:376px;
height:61px;
z-index:1;
left: 386px;
top: 20px;
}
#Layer29 {
position:absolute;
width:253px;
height:76px;
z-index:1;
background-color: #FFFFCC;
left: 92px;
top: 178px;
}
.Stil5 {
color: #990000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
#Layer3 {
position:absolute;
width:200px;
height:49px;
z-index:2;
left: 790px;
top: 143px;
background-color: #FFFFCC;
}
.Stil6 {
font-family: Arial, Helvetica, sans-serif;
color: #990000;
font-weight: bold;
font-size: x-large;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
a {
font-family: Arial, Helvetica, sans-serif;
}
#Layer4 {
position:absolute;
width:50px;
height:42px;
z-index:3;
left: 747px;
top: 24px;
}
#Layer5 {
position:absolute;
width:365px;
height:73px;
z-index:4;
left: 376px;
top: 102px;
}
#Layer6 {
position:absolute;
width:234px;
height:57px;
z-index:4;
left: 63px;
top: 23px;
}
#Layer7 {
position:absolute;
width:200px;
height:60px;
z-index:5;
left: 10px;
top: 19px;
}
#Layer8 {
position:absolute;
width:200px;
height:51px;
z-index:6;
left: 26px;
top: 4px;
}
#Layer9 {
position:absolute;
width:209px;
height:49px;
z-index:6;
left: 813px;
top: 12px;
}
-->
</style>
</head>
<body>
<div id="Layer2"><img src="Tools/Schriftzug.gif" alt="Schriftzug" width="350" height="58" /></div>
<div id="Layer4"><img src="Tools/Schere.gif" alt="Schere" width="35" height="48" /></div>
<div id="Layer7"><img src="Tools/Adresse.gif" alt="Adresse" width="270" height="65" /></div>
<div id="Layer9"><img src="Tools/Bild.gif" alt="Gegend" width="240" height="76" /></div>
</body>
</html>
-
Mahlzeit Engelhardt,
Die Seite hatte ich mit Dreamweaver Vers. 8.0, einer Auflösung 800x600 und mit einem 19´Zollmonitor erstellt.
Wie kann mann es erreichen, daß sich die Seite komplettt auf dem Besucher-Browserfenster jeder Größe automatisch anpaßt?
1. Dreamweaver wegschmeißen.
2. Absolute Positionierung vergessen.
3. Validen Code mit relativen Größenangaben (Stichwort: em) schreiben.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|