nicht angemeldet
Hallo
Ich brauche dringend die Unterstützung von spezialisten, ich Versuche nun seit 2Wochen meinen Traum der eigenen Webpage zu verwirklichen, als Grundlage habe ich den Dreanweaver8
Nach stundenlangem lesen von Posts auf Foren hoffe ich nun Hilfe zu bekommen.
Ich möchte meine Website mittig im Bild zentrieren und wenn möglich mit flexibler Grösse (Anpasung an Fenstergrösse Besucher) einrichten.
Habe da schon Manuel gewisse Codes eingegeben, leider funktionieren sie jedoch nicht.
Momentan wird mein Seitengerüst ohne Links Oben positioniert. Habe schon etliches über Container gelesen jedoch kann ich Sie nicht erstellen.
Meine Seite ist mittels Ebenen aufgebaut.
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Unbenanntes Dokument</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background-color: #7C8D87;
}
#mittig {
margin-left:-512px;
margin-top:-384px;
position:absolute;
left:50%;
top:50%;
width:1024px;
height:768px;
z-index:1;
}
#head {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:224px;
z-index:2;
}
#nav {
position:absolute;
left:0px;
top:225px;
width:203px;
height:542px;
z-index:2;
}
#main {
position:absolute;
left:204px;
top:225px;
width:820px;
height:526px;
z-index:1;
}
#feet {
position:absolute;
left:204px;
top:751px;
width:820px;
height:17px;
z-index:2;
}
#editablesection {
position:absolute;
left:5px;
top:5px;
width:790px;
height:510px;
z-index:1;
}
#contactlocation {
position:absolute;
left:133px;
top:185px;
width:60px;
height:76px;
z-index:3;
}
#home {
position:absolute;
left:4px;
top:5px;
width:190px;
height:37px;
z-index:3;
}
#Layer1 {
position:absolute;
left:8px;
top:5px;
width:190px;
height:37px;
z-index:4;
}
#Layer2 {
position:absolute;
left:14px;
top:17px;
width:161px;
height:46px;
z-index:4;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../img/60x76locationcontactaktiv.jpg','../img/190x37homeactiv.png')">
<div id="mittg">
<div id="head"><img src="../img/1024x225_heacsection.jpg" width="1024" height="225" alt="head-section" /></div>
<div id="nav">
<div id="contactlocation"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conatct','','../img/60x76locationcontactaktiv.jpg',1)"><img src="../img/60x76locationcontact.jpg" alt="contact/location" name="conatct" width="60" height="76" border="0" id="conatct" /></a></div>
<div id="home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../img/190x37homeactiv.png',1)"><img src="../img/190x37homeinactiv.png" alt="Aeroplaneworks-home" name="home" width="190" height="37" border="0" id="home" /></a></div>
<img src="../img/204x543_Navsection_left.jpg" width="204" height="543" alt="nav-section" /></div>
<div id="main">
<div id="editablesection"></div>
<img src="../img/820x526_mainsection_transparenty.png" width="820" height="526" alt="main-section" /></div>
<div id="feet"><img src="../img/820x17_feetsection_transparent.png" width="820" height="17" alt="feetsection" /></div>
</div>
</body>
</html>
Ich freue mich über Eure Hilfe