Kipperlenny
Erfahrenes Mitglied
Moin Moin
Nach langem Hin und Her habe ich es hinbekommen, dass die Website sich auf einem "normalen" Monitor richtig darstellt, also Auflösungen wie 1024*768, 1280*960 etc. sind kein Problem, Seite (sollte) sich anpassen.
Alle Auflösungen die auf den tollen Breitbildbildschirmen (seltsames Wort) vorrangig genutzt werden (1280*768 z.b.) machen mit der Site Blödsinn im unteren Bereich...
http://www.rae-schreiber-notar.de ist die Seite, hier noch zwei Screens mit dem "Problembereich", und der Code:
Nach langem Hin und Her habe ich es hinbekommen, dass die Website sich auf einem "normalen" Monitor richtig darstellt, also Auflösungen wie 1024*768, 1280*960 etc. sind kein Problem, Seite (sollte) sich anpassen.
Alle Auflösungen die auf den tollen Breitbildbildschirmen (seltsames Wort) vorrangig genutzt werden (1280*768 z.b.) machen mit der Site Blödsinn im unteren Bereich...
http://www.rae-schreiber-notar.de ist die Seite, hier noch zwei Screens mit dem "Problembereich", und der Code:
HTML:
<html>
<head>
<title>Die Kanzlei</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<style type="text/css">
body {margin:0px;}
#bg_image {
width: 100%;
height: 99%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position: absolute;
}
#bg_image[id] {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position: absolute;
}
</style>
<script language="JavaScript1.2" fptype="dynamicanimation" src="./animate.js">
</script>
</head>
<body onload="dynAnimation()" language="Javascript1.2" style="background-image:url(BGver.jpg); background-repeat: no-repeat; background-position: 100% 100%; background-position: center center;">
<div id="bg_image">
<img src="BGver.jpg" style="width: 100%; height: 100%;">
</div>
<!-- this puts the contents of the page ontop of the background image -->
<div id="contents" style="margin-top :10%; margin-left:18%;">
<p><a href="./index.php"><img border="0" src="./startButrein.gif" width="129" height="50"></a></p>
</div>
<div id="contents" style="margin-top :20%; margin-left:15%;">
<p><a onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimswapImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].lowsrc;" onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].imgRolln" onclick="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimswapImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].lowsrc;" href="./index.php?action=link2"><img border="0" src="./kanzlBut.gif" id="fpAnimswapImgFP2" name="fpAnimswapImgFP2" dynamicanimation="fpAnimswapImgFP2" lowsrc="./kanzlButrein.gif" width="129" height="50"></a></p>
</div>
<div id="contents" style="margin-top :30%; margin-left:12%;">
<p><a onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimswapImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].lowsrc;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" onclick="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimswapImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].lowsrc;" href="./index.php?action=link3"><img border="0" src="./notBut.gif" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="./notButrein.gif" width="129" height="50"></a></p>
</div>
<div id="contents" style="margin-top :40%; margin-left:15%;">
<p><a onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimswapImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].lowsrc;" onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].imgRolln" onclick="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimswapImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].lowsrc;" href="./index.php?action=link4"><img border="0" src="./infoBut.gif" id="fpAnimswapImgFP4" name="fpAnimswapImgFP4" dynamicanimation="fpAnimswapImgFP4" lowsrc="./infoButrein.gif" width="129" height="50"></a></p>
</div>
<div id="contents" style="margin-top :50%; margin-left:18%;">
<p><a onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].lowsrc;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" onclick="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].lowsrc;" href="./index.php?action=link5"><img border="0" src="./imprBut.gif" id="fpAnimswapImgFP5" name="fpAnimswapImgFP5" dynamicanimation="fpAnimswapImgFP5" lowsrc="./imprButrein.gif" width="129" height="50"></a></p>
</div>
<div id="contents" style="margin-top :10%; margin-left:40%; margin-right :10%; margin-bottom:10%; height: 80%; width:50%; resize: no; overflow-x: hidden; overflow-y: auto; word-wrap:break-word;">
<img border="0" src="./pics/thumbnail.php?src=15-05-07_1818.jpg&w=300" align="right" vspace="10" hspace="10"><P><FONT size=+0><STRONG>Anwalts- und Notarkanzlei <EM>Schreiber</EM></STRONG></FONT></P>
<P><STRONG><EM></EM></STRONG> </P>
<P><STRONG><EM>Willkommen auf unserer Homepage</EM></STRONG></P>
<P> </P>
<P>Rechtsanwalt und Notar Peter Schreiber</P>
<P>Rechtsanwältin Barbara Schreiber</P>
<P> </P>
<P>Hildesheimer Str. 48</P>
<P>30169 Hannover</P>
<P> </P>
<P>Tel.: 0511/8071970</P>
<P>Fax: 0511/8071977</P>
<P>kanzlei@rae-schreiber-notar.de</P></div>
</body>
</html>
Anhänge
Zuletzt bearbeitet: