Hallo bin neu hier,brauche dringend hilfe bin auch Anfänger.Leider kann ich noch nicht denn link zu verfügung stellen bin dabei.Aber die seite wird immer anders angezeigt.Auf 22 ok auf 17 oder 15 zoll ist das logo auf denn Button und die Gallerie erscheint auch weiter Rechts.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="google-site-verification" content="MYWRPQNlN_KiWKWgEoTdiZz3yYmPSSyBtYGgaD8uMzo" >
<title>Fotostudio-Blickwinkel/Aktion/Hochzeitsfotograf Nordkirchen/Selm/Cappenberg</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="author" content="moissis">
<meta name="editor" content="html-editor phase 5">
<meta name="Publisher" content="www.fotostudio-blickwinkel.de">
<meta name="Copyright" content="www.fotostudio-blickwinkel.de">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta name="revisit-after" content="5 days">
<meta name="description" content="Hochzeitsfotografie Lünen , Passbilder Lünen,Bewerbungsbilder Werne ,Bewerbungsbilder Selm ,Bewerbungsbilder Südkirchen, Bewerbungfotos Lünen,Fotograf Nordkirchen,Fotograf Selm,Fotograf Lünen Ihr Fotostudio Ruhrgebiet" >
<meta name="keywords" content="Fotostudio,Blickwinkel,Cappenberg,Nordkirchen, Waltrop, Datteln, L?nen, Castrop, Rauxel, Brambauer, Mengede, Oer, Erkenschwick, Nette, Olfen, Selm, Finnum, Aktfoto, Portraitfoto, Hochzeitsfoto, Kinderfoto, Passfoto, Tierfotos">
<meta name="robots" content="index,follow">
<meta name="language" content="de">
</head>
<head> <body>
<link href="style.css" type="text/css" rel="stylesheet" />
<div id="navcontainer">
<ul id="navlist">
<li id="active">
<h1>
<li><a href="startseite.php">Startseite</a></li>
<li><a href="index.php">Aktion</a></li>
<li><a href="ueber Mich.php">Über Mich</a></h1></li>
<h5>
<li><a href="hochzeit.php">Hochzeit</a></li>
<li><a href="family-people.php">Family/People</a></li>
<li><a href="newborn.php">Newborn</a></h5></li>
<br>
<br>
<h2>
<li><a href="vorher-nachher.php">Vorher/Nachher</a></li>
<li><a href="dessous-nude.php">Dessous/Nude</a></li>
<li><a href="kids.php">Kids</a></li>
<li><a href="cats-dogs.php">Cats/Dogs</a></li>
<li><a href="bewerbungsfotos.php">Bewerbungsfotos</a></h2> </li>
<br>
<br>
<h6>
<li><a href="impressum.php">Impressum</a></li>
<li><a href="kontakt.php">Kontakt</a></h6></li>
</ul>
</div>
<p>
<div class="logo"><img src="bilder/logo-neu-2012.jpg" alt="" border="0" width="300" height="154"></div>
<div class="bgcolor2"> </div>
<div class="bgcolor0"> </div>
<span class="bgcolor3">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.sideswap.js"></script>
<script type="text/javascript">
$(window).load(function()
{
$('#rotating-elements').sideswap({
next : '<img src="next.png" />',
previous : '<img src="prev.png" />',
transition_speed : 100
});
});
</script>
<div class="box1">
<div id="rotating-elements">
<div class="element-rotated">
<img src="bilder/1-nb.jpg" alt="" border="0" width="800" height="513">
</div>
<div class="element-rotated">
<img src="bilder/1 nbc.jpg" alt="" border="0" width="800" height="513">
</div>
<div class="element-rotated">
<img src="bilder/1-nb.jpg" alt="" border="0" width="800" height="513">
</div>
<div class="element-rotated">
<img src="bilder/1 nbc.jpg" alt="" border="0" width="800" height="513">
</div>
</div>
</div>
<h4> <a href="http://www.facebook.com/pages/Fotostudio-Blickwinkel/217249514996679?ref=mf" target="_blank"><img src="bilder/facebook.jpg" alt="" border="0" width="22" height="22" title="Unsere Facebook-Seite" alt="facebook icon"</h4></a>
<h3> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.fotostudio-blickwinkel.de&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe><a href="http://www.qrcode-generator.de"></a></h3>
</body></head></html>
Alles anzeigen
CSS:
html {
width: 100%;
height: 100%;
}
body {
margin: 0px 0px 0px 0px;
width: 80%;
height: 80%;
background-color: #EFEFEF;
color: #000000;
font-family: Verdana;
font-size:5px;
background-image: ; no-repeat; margin:0px; padding:10px;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
}
.logo{
position:absolute;
top:1%;
right: 30%;
}
.liste {background-color: #CCBBEE;}
.bgcolor0 {background-color: #4F4F4F;
position: absolute;
left: 450px;
top: 750px;
color: #FFFFFF;
font-size: 1.5em;
font-family:arial,"lucida console", sans-serif
}
.bgcolor1 {background-color: #BBAAEE;}
.bgcolor2 {background-color: #4F4F4F;
position: absolute;
left: 750px;
top: 150px;
color:black;
font-size:25pt;
font-family:arial,"lucida console", sans-serif;
}
.bgcolor3 {background-color: #6644AA;}
#navcontainer ul
{
margin: 0;
padding-top: 10px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 15px;
height: 82px;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
text-decoration: none;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 35px;
padding-left: 30px;
color: #4F4F4F;
background: url top left no-repeat;
width: 146px;
height: 82px;
}
#navcontainer ul li a:hover
{
color: #000000;
background-position: 0 -82px;
width: 146px;
height: 82px;
}
h1 {
position: absolute;
left: 250px;
top: 50px;
color:#BF0000;
font-size:12pt; /* Größe 28pt */
font-family:"Calibri" /* Schriftart */
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
h2 {
position: absolute;
left: 330px;
top: 90px;
color:#BF0000;
font-size:10pt;
font-family:"Calibri"
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
h3 {
position: absolute;
left: 550px;
top: 720px;
color:black;
}
h4 {
position: absolute;
left: 520px;
top: 720px;
color:black;
}
h5 {
position: absolute;
left: 580px;
top: 45px;
color:green;
font-size:10pt;
font-family:"Calibri"
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
h6 {
position: absolute;
left: 650px;
top: 700px;
color:#BF0000;
font-size:10pt;
font-family:"Calibri"
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
p {
position: absolute;
right: 100px;
top: 100px;
color:#000000;
font-size:12pt;
font-family:arial, "lucida console", sans-serif;
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
.box {margin: 0;
padding-top: 10px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 15px;
height: 82px;
}
.box1 {
position:absolute;
top:22%;
left: 30%;
}
.box2{
background-image:url(bilder/hintergrund+logo.jpg); background-repeat:no-repeat;
position:absolute; top:30px left:50px;
background-color:white; height:0px;
}
}
.box3 { position:absolute;
top:20%;
left: 20%;
background-color: #00FFAF;
border: 0px solid #9F0000;
border-radius: 3px 3px 3px 3px;
border-radius: 15px;
padding: 5px;
}
.box4 {
position: absolute;
left: 650px;
top: 360px;
border-radius: 25px 100px 100px 25px;
background-color: #9F9F9F;
border: 5px solid #FFFFFF;
padding: 5px;
}
.box5 {
position: absolute;
right: 550px;
top: 530px;
background-color: #FFFFFF;
border: 10px;
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.box6 {
position: absolute;
left: 650px;
top: 500px;
background-color: #99FF00;
border: 10px;
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.box7 {
position: absolute;
right: 550px;
top: 360px;
background-color: #FF0000;
border: 5px; solid #000000;
border-radius: 25px 100px 100px 25px;
border-radius: 15px;
padding: 5px;
}
.box8 {
position: absolute;
height:600px;
width: 700px;
left: 600px;
top: 250px;
font-family:Courier New;
font-size:12pt;
background-color: #FF0000;
border: 2px;
border-radius: 5px ;
padding: 5px;
}
.box9 {
position: absolute;
left: 650px;
top: 200px;
background-color: #DFDFDF;
border: 5px solid #000000;
border-radius: 15px
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.box10 {
position: absolute;
left: 150px;
top: 500px;
background-color: #99FF00;
border: 5px solid #000000;
border-radius: 15px
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.scrollbox {position: absolute;
right:620px;
top: 200px;
font-size:12pt;
font-family:Courier New;
background-color: #FFFFFF;
overflow: auto;
height: 550px;
width:650px;
color:#7F0000;
}
#container { margin:200px;right:450px; top:150%; width: 900px; }
#rotating-elements { background: #FFFFFF; border: #678; z-index: 5; padding: 0px; height: 450px; }
.element-rotated { height: 200px; color: #fff; width: 100%; }
.sideswap_nav { position: absolute; cursor: pointer; }
.sideswap_next {top:450px; bottom: 0px; left: 40px; z-index: 1000; }
.sideswap_previous {top:450px; bottom: 0px; left: 700px; z-index: 1000; }
form#kontaktformular {position: absolute;right:800px;top:300px; padding:10px; width:350px; background:#e7e7e7; border:10px #c4c4c4 solid;}
form#kontaktformular label { width:200px; height:22px; margin-top:5px; display:block; float:left; }
form#kontaktformular .eingabe { width:248px; height:20px; margin-top:5px; border:1px #c4c4c4 solid; float:left; }
form#kontaktformular .checkbox { margin-top:5px; float:left; }
form#kontaktformular textarea { width:248px; height:98px; border:1px #c4c4c4 solid; margin-top:5px; font-family:arial; font-size:12px; float:left; }
form#kontaktformular input.button { height: 23px; width: 98px; margin-top:10px; margin-left: 252px; background:#FFF; border:1px #c4c4c4 solid; }
form#kontaktformular br { clear:both; }
-->
Hilfeeeeeee ich danke euch und bitte nicht lachen wegen denn fehler sondern helfen 
deswegen gibt es ja diese seite hier Thanks
Ach so das ist jetzt auch der Link nur mit der index datei.
http://www.blickwinkel-fotograf.de/
