N
Nopott
Guest
Liebe Forengemeinde!
Ich habe schon danach gegoogelt aber leider nichts passendes gefunden. Ich arbeite derzeit an meiner Website ausschließlich mit Ap Divs in denen ich die ganzen Bilder Menüs etc. positioniere.
Nun würde ich gerne alle meine Ap Divs (sie überlappen teilweise einander aber dies ist Absicht) so wie sie jetzt stehen, würde ich gerne haben das es auf jeden Bildschirm egal bei wem dann die Seite genau in der Mitte des Fensters ist..
Könnt ihr mir helfen?
Hier noch der derzeitige Code:
Vielen Dank im Vorraus,
Philipp
Ich habe schon danach gegoogelt aber leider nichts passendes gefunden. Ich arbeite derzeit an meiner Website ausschließlich mit Ap Divs in denen ich die ganzen Bilder Menüs etc. positioniere.
Nun würde ich gerne alle meine Ap Divs (sie überlappen teilweise einander aber dies ist Absicht) so wie sie jetzt stehen, würde ich gerne haben das es auf jeden Bildschirm egal bei wem dann die Seite genau in der Mitte des Fensters ist..
Könnt ihr mir helfen?
Hier noch der derzeitige Code:
Code:
<!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=utf-8" />
<title>The Company</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:1070px;
height:458px;
z-index:2;
left: 95px;
top: 11px;
}
#apDiv2 {
position:absolute;
width:1102px;
height:707px;
z-index:3;
left: 85px;
top: 9px;
}
#apDiv3 {
position:absolute;
width:601px;
height:101px;
left: 386px;
top: 174px;
z-index: 4;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv4 {
position:abso;
width:443px;
height:57px;
z-index:1;
left: 258px;
top: 169px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
#apDiv5 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 253px;
top: 163px;
}
#apDiv6 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 445px;
top: 196px;
}
#apDiv7 {
position:absolute;
width:66px;
height:26px;
z-index:4;
left: 393px;
top: 174px;
}
#apDiv8 {
position:absolute;
width:59px;
height:19px;
z-index:5;
left: 81px;
top: 76px;
}
#apDiv9 {
position:absolute;
width:64px;
height:19px;
z-index:1;
left: 413px;
top: 241px;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
}
#apDiv10 {
position:absolute;
width:262px;
height:28px;
z-index:5;
left: 420px;
top: 220px;
}
#apDiv11 {
position:absolute;
width:425px;
height:83px;
z-index:5;
left: 195px;
top: 171px;
}
#apDiv12 {
position:absolute;
width:393px;
height:84px;
z-index:1;
left: 0px;
top: 1px;
}
-->
</style>
</head>
<body>
<div id="apDiv1">
<div align="center"><img src="Hintergrund.png" width="1000" height="700" alt="Hintergrund_weiss" align="absmiddle" /></div>
</div>
<div id="apDiv2">
<div align="center"><img src="Girl.png" width="1000" height="700" alt="Girl" /></div>
</div>
<div id="apDiv3">
<ul id="Menue" class="MenuBarHorizontal">
<li> <a href="#">Home</a></li>
<li> <a href="The_Company.html">The Company</a></li>
<li>
<div align="left"><a href="#">Produkte</a></div>
</li>
<li>
<div align="left"><a href="#">Advertising</a> </div>
</li>
</ul>
</div>
<div align="center"> </div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("Menue", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Philipp
Zuletzt bearbeitet von einem Moderator: