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>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link href="Styles/styles.css" type="text/css" rel="stylesheet"/>
<link href="Bilder/icon.png" type="image/ico" rel="icon"/>
<title>Russlan</title>
</head>
<body>
<div id="background">
<div id="Fuss2" >
<a href="index.html"><img src="Bilder/Logos/logo.jpg" alt="Russlan" title="Hier steht ein Text"></a>
</div>
<div id="Block1">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="comic.html"
>
<img name="illustration" class="indexbild" src="Bilder/Logos/comic.jpg" alt="Illustration" title="Illustration"></a>
<a href="illu.html"
>
<img name="illustration" class="indexbild" src="Bilder/Logos/illustration.jpg" alt="Illustration" title="Illustration"></a>
<br/>
<br/>
<br/>
<br/>
</div>
</div>
<div id="Fuss">
<a href="contact.html">contact</a>
<a href="impressum.html">impressum</a>
<a href="about.html">about</a>
</div>
</body>
</html>
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
ointer;
color: black;
}
#pfeil4 {
position:absolute;
margin-top:300px;
margin-left:1570px;
font-size:30pt;
cursorointer;
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;
<font color="#FF0000">Knallroter Text</font><br>
}
#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;
}
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>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link href="Styles/styles.css" type="text/css" rel="stylesheet"/>
<link href="Bilder/icon.png" type="image/ico" rel="icon"/>
<title>Russlan</title>
</head>
<body>
<div id="background">
<div id="Fuss2" >
<a href="index.html"><img src="Bilder/Logos/logo.jpg" alt="Russlan" title="Hier steht ein Text"></a>
</div>
<div id="Block1">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="comic.html"
>
<img name="illustration" class="indexbild" src="Bilder/Logos/comic.jpg" alt="Illustration" title="Illustration"></a>
<a href="illu.html"
>
<img name="illustration" class="indexbild" src="Bilder/Logos/illustration.jpg" alt="Illustration" title="Illustration"></a>
<br/>
<br/>
<br/>
<br/>
</div>
</div>
<div id="Fuss">
<a href="contact.html">contact</a>
<a href="impressum.html">impressum</a>
<a href="about.html">about</a>
</div>
</body>
</html>
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
ointer;color: black;
}
#pfeil4 {
position:absolute;
margin-top:300px;
margin-left:1570px;
font-size:30pt;
cursor
ointer;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;
<font color="#FF0000">Knallroter Text</font><br>
}
#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;
}
