• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Rand

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:
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 Datei
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>&Uuml;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&szlig;e ich sie herzlich Willkommen auf der Homepage des Servers Craft Network, unter dem Men&uuml;link &Uuml;ber uns finden sie Informationen &uuml;ber den Server und das Team.<br>
Unter Spiele k&ouml;nnt ihr gucken welche Spiele wir haben und was diese sind.<br>
Unter Regeln lest ihr bitte die Regeln nach.<br>
Unter Vote k&ouml;nnt ihr Voten f&uuml;r unseren Server!<br>
Unter Forum kommt ihr ins Forum und k&ouml;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>
&copy; 2014 weltvonminecraft.de All Rights Reserved</Center>
</div id="footer">
</div id="c1">
</div id="page">
</Body>
</html>
 
Werbung:
Ganz ehrlich, ich verstehe deinen Satz nicht.

Zu deinem Code. Die ganzen onclicks kannst und solltest du löschen.

Und zu der Seite wäre es gut, wenn du uns einen Link schicken kannst, damir wir nachvollziehen können, was dein Problem ist ohne uns die Seite erst selbst erstellen zu müssen.
 
Zurück
Oben