Div Problem von Nightleowe, 16.02.2014 21:12

Div Problem

Nightleowe 16.02.2014 21:12

Hallo ich habe per PHP 2 Seiten zu einer included und habe folgenes Problem ich hab eine menu.php und eine start.php included oben ist die menu.php unten drunter die start.php wenn ich dann durch einen button ein div sichtbar mache ist es bei meinen iPad hinter der einem div der start.php versteckt ich hoffe ihr könnt mir helfen.
Hier die Codes:
Index.php:

<head>  
<link rel="stylesheet" type="text/css" href="css/desktop.css"   media="screen"   />  
</head>  
<Body>  
<?php  
include('menu.php');  
if (!$_GET['page'])  
{  
    $_GET['page'] = "start";  
}  
if (file_exists($_GET['page'].".php"))  
{  
    include ($_GET['page'].".php");  
}  
else  
{  
    include "404.php";  
}  
?>  
</Body>

menu.php

<html>  
<head>  
<link rel="stylesheet" type="text/css" href="css/menu.css"   media="screen"   />  
</head>  
<Body>  
<script type="Text/Javascript">  
 function show1() {  
                if(document.getElementById('ul1').style.display=='block')  
            {document.getElementById('ul1').style.display='none';}  
            else  
            {document.getElementById('ul1').style.display='block';}}  
</script>  
<div id="cmdmenu">  
<ul id="navi">  
  <li id="img" style="border-radius: 5px;" onclick="window.location.href="index.php"><img src="img/menulogo.png" style="border-radius: 5px;"></li id="img">  
  <li id="cnsites"> <a href="JavaScript:show1();">Craft Network Sites</a> </li id="cnsites">  
    <ul id="ul1">  
      <li id="wvm" onclick="window.location.href = 'http://weltvonminecraft.de/'"><a href="http://weltvonminecraft.de">weltvonminecraft.de</a></li>  
      <li id="wvm" onclick="window.location.href = 'http://maltesermailo.de/'"><a href="http://maltesermailo.de">maltesermailo.de</a></li>  
      <li id="wvm" onclick="window.location.href = 'http://craftnetwork.de"><a href="http://craftnetwork.de">craftnetwork.de</a></li>  
    </ul id="ul1">  
  <li id="Loginli" onclick="window.location.href = 'login.php'"><a href="login.php">Login</a>  
    <ul>  
      <li>ka</li>  
      <li></li>  
      <li></li>  
    </ul>  
  </li>  
</ul>  
</div id="cmdmenu">  
</Body>  
</html>

Start.php

<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>&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=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&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.  
</div id="Content">  
<div id="footer">  
&copy; 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> 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">  
</Body>  
</html>

Und hier die dazugehörigen CSS Dateien:
menu.css

#navi, #navi ul {  
    list-style-type:none;  
    margin:0;  
    padding:0;  
}  
#navi li {  
    width:150px;  
    float:left;  
}  
#navi li ul {  
    display:none;  
}  
#navi li:onclick ul {  
    display:block;  
}  
#navi a {  
text-decoration: None;  
color: white;  
}  
body {  
    behavior:url("csshover.htc");  
    margin: 0;  
    padding: 0;  
    background-image: URL(../img/mcpicture.png);  
}  
#cmdmenu {  
background-Color: #2E2E2E;  
positon: fixed;  
top: 0px;  
height: 40px;  
width: 100%;  
}  
#navi {  
Position: absolute;  
top: 10px;  
left: 10px;  
}  
li#loginli {  
Position: absolute;  
top: -10px;  
left: 320px;  
width: 55px;  
height: 40px;  
}  
li#loginli:hover {  
background-Color: #424242;  
}  
li#loginli a {  
Position: relative;  
top: 10px;  
left: 7px;  
}  
ul#ul1 {  
position: absolute;  
top: 30px;  
left: 150px;  
width: 250px;  
background-color: white;  
color: black;  
border-radius: 5px;  
Display: None;  
}  
ul#ul1 a { color: black; }  
ul#ul1 a:hover { color: white; }  
ul#ul1 li { width: 100%; }  
ul#ul1 li:hover { background-color: #045FB4; border-radius: 2px; }  
ul#ul1 li:hover a { Color: White; }  
li#img img {  
Position: relative;  
top: -5px;  
}  
li#cnsites {  
Position: relative;  
top: -10px;  
height: 40px;  
}  
li#cnsites a {  
display: block;  
height: 100%;  
width: 100%;  
Position: relative;  
top: 10px;  
left: 7px;  
}  
li#cnsites:hover {  
background-Color: #424242;  
}

desktop.css

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 (max-device-width: 768px) {  
  #page {  
  position: absolute;  
margin-left: -400px;  
left: 30%;  
width: 800px;  
top: 170px;  
border-radius: 5px;  
  }  
}

Beitrag melden

– Informationen zu den Bewertungsregeln

Div Problem
Matthias Apsel Homepage des Autors 16.02.2014 21:33

css
– Informationen zu den Bewertungsregeln
Om nah hoo pez nyeetz, Nightleowe!

Beachte zuallererst die Hinweise aus deinem anderen Thread.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Boll und Bollerwagen.
Beitrag melden

–
Informationen zu den Bewertungsregeln
Div Problem
Felix Riesterer Homepage des Autors 16.02.2014 22:15

css
– Informationen zu den Bewertungsregeln
Lieber Nightleowe,

Darstellungsfehler lassen sich erst korrigieren, wenn das HTML-Dokument fehlerfrei ist. Deines ist es noch nicht. Insofern gilt, was Matthias Apsel Dir bereits geschrieben hat.

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Nightleowe: Div Problem

Div Problem

Div Problem

Div Problem

Div Problem