Nightloewe
Neues Mitglied
Wie kann ich ein Div komplett auf der mobilen Version entfernen denn dadurch sehe ich nur den rechten teil der seite weil dieses Div auf der rechten Seite liegt.
Hier der Code von der Datei:
Hier der Code der CSS Datei:
Hier der Code von der Datei:
Code:
<html>
<head>
<title>Start | Craft Network</title>
</head>
<Body>
<div id="page">
<div id="Header">
<img src="img/cn-logo2.png">
</div id="Header">
<div id="menu">
<ul>
<li id="menu1" onclick="window.location.href = 'index.php';" style="background-Color: #D8D8D8;"><a href="index.php"><b>Start</b></a></li>
<li id="menu2" onclick="window.location.href = 'index.php?page=ueber';"><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=vote';"><a href="index.php?page=vote"><b>Vote</b></a></li>
</ul>
</div id="menu">
<div id="Content">
<h1>Start</h1>
Willkommen auf weltvonminecraft.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.
</div id="Content">
<div id="footer">
© 2014 weltvonminecraft.de All Rights Reserved
</div id="footer">
</div id="page">
<div id="serverdat">
<li id="servertitle"><h3>Server Daten</h3></li>
<b>Server IP:</b> mc.weltvonminecraft.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">
</Body>
</html>
Code:
Body {
margin: 0;
padding: 0;
font-family: Arial;
background-Image: URL(../img/mcpicture.png);
}
#page {
position: absolute;
margin-left: -400px;
left: 50%;
width: 800px;
top: 100px;
border-radius: 5px;
}
#Header {
Position: absolute;
top: -50px;
border: 2px solid #F2F2F2;
border-radius: 5px;
width: 100%;
height: 200px;
}
#menu {
Position: absolute;
top: 160px;
background-Color: #F2F2F2;
border-radius: 5px;
width: 100%;
height: 40px;
}
#Content {
Position: relative;
top: 190px;
background-Color: #F2F2F2;
border-radius: 5px;
width: 100%;
margin-bottom: 10px;
}
#footer {
Position: relative;
background-Color: #F2F2F2;
width: 100%;
border-radius: 5px;
height: 30px;
text-align: Center;
top: 190px;
}
#menu ul {
margin-bottom: 0;
list-style-type: None;
}
#menu li {
border-radius: 5px;
}
#menu li a {
text-decoration:none;
}
li#menu1 {
border-radius: 0px;
Position: absolute;
top: 0px;
height: 40px;
left: 10px;
width: 60px;
}
li#menu1:hover {
background-Color: #D8D8D8;
}
li#menu1 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu2 {
border-radius: 0px;
Position: absolute;
top: 0px;
height: 40px;
left: 80px;
width: 90px;
}
li#menu2:hover {
background-Color: #D8D8D8;
}
li#menu2 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu3 {
border-radius: 0px;
Position: absolute;
top: 0px;
height: 40px;
left: 181px;
width: 67px;
}
li#menu3:hover {
background-Color: #D8D8D8;
}
li#menu3 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#menu4 {
border-radius: 0px;
Position: absolute;
top: 0px;
height: 40px;
left: 260px;
width: 54px;
}
li#menu4:hover {
background-Color: #D8D8D8;
}
li#menu4 a {
Color: black;
Position: absolute;
top: 11px;
left: 10px;
}
li#servertitle {
list-style-type: None;
}
#serverdat {
Position: fixed;
left: 72%;
top: 31.7%;
background-Color: #F2F2F2;
border-radius: 5px;
}
@media only screen and (device-width: 768px) {
#page {
position: absolute;
margin-left: -400px;
left: 30%;
width: 800px;
top: 170px;
border-radius: 5px;
}
}