Nightloewe
Neues Mitglied
Hallo Leute,
bei den code den ich danach poste ist bei der background-color an meinen iPad ein rand rechts wo diese background-color und ich wollte fragen wie ich es beheben kann das dieser rand kommt, hat besimmt mit irgendner Größe zutun
Hier der Code:
CSS Datei:
HTML Datei
bei den code den ich danach poste ist bei der background-color an meinen iPad ein rand rechts wo diese background-color und ich wollte fragen wie ich es beheben kann das dieser rand kommt, hat besimmt mit irgendner Größe zutun
Hier der Code:
CSS Datei:
HTML:
Body {
margin: 0;
padding: 0;
font-family: Arial;
background-Image: URL(../img/mcpicture.png);
}
#page {
position: absolute;
margin-left: -400px;
left: 45%;
width: 1000px;
}
#logo {
Position: absolute;
top: 0px;
left: 2px;
}
#menu {
Position: absolute;
top: 0px;
background-Color: #2E2E2E;
height: 40px;
width: 100%;
}
#menuli {
position: absolute;
top: 0px;
margin-left: -400px;
left: 45%;
width: 100%;
}
#menu ul {
margin-bottom: 0;
list-style-type: None;
}
#menu li {
Color: White;
}
#menu li b {
Color: White;
}
#menu li a {
text-decoration: none;
Color: White;
}
#menu li:hover {
background-Color: #151515;
}
li#menu1 {
border-radius: 0px;
Position: absolute;
top: 0px;
height: 40px;
left: 140px;
width: 60px;
}
li#menu1 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu2 {
Position: absolute;
top: 0px;
height: 40px;
left: 210px;
width: 90px;
}
li#menu2 a {
Color: white;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu3 {
Position: absolute;
top: 0px;
height: 40px;
left: 310px;
width: 67px;
}
li#menu3 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu4 {
Position: absolute;
top: 0px;
height: 40px;
left: 387px;
width: 72px;
}
li#menu4 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu5 {
Position: absolute;
top: 0px;
height: 40px;
left: 469px;
width: 54px;
}
li#menu5 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu6 {
Position: absolute;
top: 0px;
height: 40px;
left: 533px;
width: 69px;
}
li#menu6 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu7 {
Position: absolute;
top: 0px;
height: 40px;
left: 612px;
width: 114px;
}
li#menu7 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu8 {
Position: absolute;
top: 0px;
height: 40px;
left: 736px;
width: 62px;
}
li#menu8 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
#c1 {
position: absolute;
background-color: white;
top: 200px;
border-radius: 5px;
width: 90%;
}
#usermenu {
position: absolute;
top: 150px;
background-color: #151515;
border-radius: 5px;
width: 90%;
height: 40px;
color: white;
}
.Textmittig {
position: relative;
top: -6px;
left: 5px;
}
#footer:hover {
background-Color: #BDBDBD;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
HTML:
<html>
<head>
<title>Start | Craft Network</title>
</head>
<Body>
<script type="Text/Javascript">
function show1() {
if(document.getElementById('login').style.display=='block')
{document.getElementById('login').style.display='none';}
else
{document.getElementById('login').style.display='block';}}
</script>
<div id="menu">
<div id="menuli">
<ul>
<li id="menu1" onclick="window.location.href = 'index.php';" style="background-Color: #151515;"><a href="index.php"><b>Start</b></a></li>
<li id="menu2" onclick="window.location.href = 'index.php?page=ueber';" style="background-Color: #151515;"><a href="index.php?page=ueber"><b>Über uns</b></a></li>
<li id="menu3" onclick="window.location.href = 'index.php?page=spiele';"><a href="index.php?page=spiele"><b>Spiele</b></a></li>
<li id="menu4" onclick="window.location.href = 'index.php?page=regeln';"><a href="index.php?page=regeln"><b>Regeln</b></a></li>
<li id="menu5" onclick="window.location.href = 'index.php?page=vote';"><a href="index.php?page=vote"><b>Vote</b></a></li>
<li id="menu6" onclick="window.location.href = 'forum/';"><a href="forum/"><b>Forum</b></a></li>
<li id="menu7" onclick="window.location.href = 'index.php?page=register';"><a href="index.php?page=register"><b>Registrieren</b></a></li>
<li id="menu8"><a href="JavaScript:Show1();"><b>Login</b></a>
<ul>
<ul>
</li>
</ul>
</div>
</div id="menu">
<div id="page">
<div id="Header">
<div id="logo">
<img src="img/cn-logo.png">
</div id="logo">
</div id="Header">
<div id="usermenu">
<p class="textmittig">
<?php
if (isset($_SESSION['username']))
echo 'Willkommen, <b>'.$_SESSION['username'];
else
echo 'Willkommen, <b>Gast</b>';
?>
</b>
</p>
</div id="menu2">
<div id="c1">
<div id="Content">
<div id="News">
<h1>News</h1>
<?php
include "news.php";
?>
</div>
<div id="Start">
<h1>Start</h1>
Willkommen auf craftnetwork.de und hiermit heiße ich sie herzlich Willkommen auf der Homepage des Servers Craft Network, unter dem Menülink Über uns finden sie Informationen über den Server und das Team.<br>
Unter Spiele könnt ihr gucken welche Spiele wir haben und was diese sind.<br>
Unter Regeln lest ihr bitte die Regeln nach.<br>
Unter Vote könnt ihr Voten für unseren Server!<br>
Unter Forum kommt ihr ins Forum und könnt euch dort Registrieren und Themen posten!<br>
</div>
</div id="Content">
<br>
<br>
<div id="serverdat">
<h3>Server Daten</h3>
<b>Server IP:</b> craftnetwork.de<br>
<b>TS3 IP: </b>212.224.120.24:12200<br>
<b>Version: </b>CraftBukkit Beta 1.7.2<br>
<b>Status: </b><?php
include 'status.php';
?>
</div id="serverdat">
<div id="footer">
<Center>
© 2014 weltvonminecraft.de All Rights Reserved</Center>
</div id="footer">
</div id="c1">
</div id="page">
</Body>
</html>