HAlo Leute,
ich komme irgendwie nicht weiter. Die obere und untere Leiste meiner Homepage haben immer einen Abstand zum linken Browserrahmen. Hat irgendjemand vielleicht eine Idee, woran das liegen könnte?
Es würde mich furchtbar freuen, wenn jemand von euch eine Idee hätte! Man kann die Homepage auch unter www.russlan.eu anschauen.
Der Quellcode lautet:
!DOCTYPE HTML>
Russlan
und CSS:
#background {
text-align: center;
background-size:100% auto;
background-repeat: no-repeat;
padding:none;
}
#Inhalt {
margin: 0 auto;
text-align: center;
}
#background2 {
background-size:100% auto;
background-repeat: no-repeat;
background-color:black;}
#wrap2 {
width: 1250px;
margin: 0 auto;
font-family:sans-serif, calibri, Helvetica,Arial;
font-size:10pt;
background-color:white;
}
#wrap1 {
width: 2000px;
margin: 0 auto;
font-family:sans-serif, calibri, Helvetica,Arial;
font-size:10pt;
background-color:white;
}
#mainimage {
margin: center;
}
#Logo {
background-color:none;
position:fixed;
width:100%;
text-align: center;
font-family: circe;
font-size:10pt;
top:0;
}
#Block {
padding-top:0px;
margin: 0 auto;
text-align: center;
width: 1400px;
}
#Block1 {
padding-top: 0px;
margin: 0 auto;
text-align: center;
width: 1000px;
}
#Block li {
display: inline-block;
}
#Block2 {
margin: 0 auto;
text-align: center;
width: 100px;
background-color:black;
}
figcaption {
font-family:sans-serif, calibri, Helvetica,Arial;
margin: 0 auto;
width:900px;
background-color: white;
color: #000000;
padding: 0pt;
}
#textblock {
float:left;
margin-top:500px;
width:300px;
height:600px;
padding-left:400px;
text-align:left;
}
#textblock1 {
margin: 0 auto;
margin-top:0px;
width:400px;
text-align: center;
}
#textblock2 {
margin: 0 auto;
margin-top:0px;
width:300px;
text-align:left;
padding-left:400px;
}
#textblock3 {
float:left;
margin-top:100px;
width:300px;
height:600px;
padding-left:550px;
text-align:left;
}
#textblock4 {
float:left;
margin-top:100px;
width:300px;
height:600px;
padding-left:50px;
text-align:left;
}
#textblock5 {
margin: 0 auto;
margin-top:0px;
width:500px;
text-align: left;
}
#pfeil3 {
position:absolute;
margin-top:300px;
margin-left:400px;
font-size:30pt;
cursor:pointer;
color: black;
}
#pfeil4 {
position:absolute;
margin-top:300px;
margin-left:1570px;
font-size:30pt;
cursor:pointer;
color: black;
}
#LB_Shade {
display: none; position: fixed; z-index: 1000;
top: 0%; left: 0%;
width: 100%; height: 100%;
background-color: black;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#LB_Full {
display: none; position: fixed; z-index: 2000;
border: 2px solid black; background: black;
padding: 10px; background-color: white;
}
#LB_Simple { cursor: pointer; }
#Fuss2 {
font-family:sans-serif, light, Helvetica,Arial;
background-color:black;
position:fixed;
width:100%;
text-align: center;
font-size:12pt;
top:0;
}
#Fuss {
font-family:sans-serif, light, Helvetica,Arial;
background-color:black;
position:fixed;
width:100%;
text-align: center;
font-size:12pt;
bottom:0;
Knallroter Text
}
#LB_Shade {
display: none; position: fixed; z-index: 1000;
top: 0%; left: 0%;
width: 100%; height: 100%;
background-color: black;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.LB_Full {
display: none; position: fixed; z-index: 2000;
border: 2px solid black; background: black;
padding: 10px; background-color: white;
}
.LB_Simple { cursor: pointer; padding: 30px; }
.indexbild {
width:350px;
padding: 0px;
}
.indexbild1{
width:1200px;
height:1094px;
padding: 0px;
}
.indexbild2 {
width:500px;
height460px;
padding: 0px;
}
.titel {
width:75px;
height:75px;
float:left;
}
.shop {
width:75x;
height:75px;
float:right;
}
/Links/
a:link {text-decoration:none; color: white; border:none}
a:visited {text-decoration:none; color: white; border:none}
a:active {text-decoration:none; color: white; border:none}
a:hover {text-decoration:none; color: white; border:none}
img {
border:none;
}
/Fancybox/
.fancybox-title {
text-align: center;
}
