User#221: CSS position: absolute als externe Datei einbinden

Beitrag lesen

Hallo allerseits,
vielen Dank!!!
Es geht ja so schnell, dass ich Eure Antworten noch nicht so schnell verdauen kann. Hier ist die komplette HTML meiner "index.html" gepostet.
Ich brauche die feste Positionen, da sich diese Gestaltung auf andere verknüpfte HTML bezieht, bzw. beziehen soll. Ich möchte wenn ich Änderungen in Position oder anderen Eigenschaften mache,dass ich nicht die Head-Elemente aller Dateien manuell ändern muss. Dafür will ich die letzten in eine ext. Datei einbinden, um eine Änderung für alle HTML-Dateien gleichzeitig vorzunehmen.

Herzliche Grüße,
Bran

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Immo-Leistungen_IBK</title>
<meta name="Author" content="Branimir Georgiev" />
<meta name="keywords"content= Immobilien, Geb&auml;de, Energieberatung,Energiekosten, Hamburger Energiepass, Bauqualit&auml;tskontrolle, Blower Door,Thermografie"/>
<meta name= "description"content="IBK Kr&ouml;ger, Dipl.-Ing. Carsten Kr&ouml;ger,Humboldtstr.123,Hamburg","Immobilien-Leistungen, Immobilienberatung,Geb&auml;deenergieberatung im Gro&szlig;raum Hamburg />
<meta name="geo.region" content="DE-HH" />
<meta name="geo.placename" content="Hamburg" />
<meta name="geo.position" content="53.5780300;10.0200500" />
<meta name="ICBM" content="53.5780300;10.0200500" />

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link href="style_text.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#Titel {
position:absolute;
left:1px;
top:0px;
width:1280px;
height:91px;
z-index:1;
background-image: url("images/il_home1_Logoleiste.gif");
background-repeat:no-repeat;
}
#Menues {
position:absolute;
left:30px;
top:430px;
width:170px;
height:240px;
z-index:4;
}
#Inhalt {
position:absolute;
left:16px;
top:102px;
width:1265px;
height:290px;
z-index:2;
background-image: url(images/villen.jpg);
background-repeat:no-repeat;
}
#mittlere_leiste{
  position:absolute;
  left:16px;
  top:400px;
  width:1070px;
  height:8px;
  z-index:4
  }
 #untere_leiste{
position:absolute;
left:1px;
top:700px;
width:1280px;
height:8px;
z-index:5;
background-image: url(images/il_home1_Leiste.gif);
background-repeat:no-repeat;
  }
#impressum{
position:absolute;
left:1px;
top:715px;
height:60px;
width:1280px;
z-index:6 }

#Thumbs {
position:absolute;
left:16px;
top:414px;
width:1265px;
height:272px;
z-index:3;
}

#back_home {
position:absolute;
left:1px;
top:545px;
width:80px;
height:25px;
z-index:6;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}

-->
</style>
</head>

<body>
<div id="Titel">
<a href="index.html"></a>
</div>
<div id="Menues">
  <a href="index.html"><img src="images/Home_h.gif" alt="Home" width="170" height="40" border="0"></a>
  <a href="gebaeudeenegieberatung.html"><img src="images/Gebaeudeenegieberatung.gif" alt="Gebaeudeenegieberatung" width="170" height="40"border="0"></a>
  <a href="verkehrswertermittlung.html"><img src="images/Verkehrswertermittlung.gif" alt="Verkehrswertermittlung" width="170" height="40" border="0"></a>
   <a href="immobilienvermarktung.html"><img src="images/Immobilienvermarktung.gif" alt="Immobilienvermarktung" width="170" height="40" border="0"></a>
  <a href="bauqualitaetskr.html"><img src="images/Bauqualitaetskontrolle.gif" alt="Bauqualitaetskontrolle" width="170" height="40" border="0"></a>
  <a href="impressum_kontakt.php"><img src="images/Kontakt.gif" alt="kontakt" width="170" height="40" border="0"></a></div>
<div class="graurosa"id="Inhalt"></div>
<div class="style1 mittlere_leiste" id="mittlere_leiste"
 div align="right"><span class="style1">Unser Ziel ist Ihre Zufriedenhei</span>t</div>
<div class="graurosa"id="Thumbs"></div>
<div id="untere_leiste"></div>
<div class="textnormal1 impressum graurosa" id="impressum"

div align="left">
<pre><a href="index.html">  <span class="textnormal1">   Home </span></a> <span class="textnormal1"><a href="impressum_kontakt.php" class="textnormal1">     Disclaimer       Impressum </a></span> </pre>
</div>
</body>

</html>