Hilfe
Neues Thema
Antworten
Impressum ist Mangelhaft, da fehlt einiges.
Nachrichten zum Thema: Entwicklung
HILFE: Neues Design für eigene Website Wer kann mir helfen?
Nach oben
#47
DJ*BNY 
- Gruppe: aktive Mitglieder
- Beiträge: 351
- Beigetreten: 10. Januar 09
- Reputation: 56
- Geschlecht:Männlich
- Wohnort:Celle, Niedersachsen
- Interessen:Windows 8, Xbox Live, Windows Phone, Remixe gestalten, Kochen, Meine Frau und was weiß ich nicht alles^^
geschrieben 21. Januar 2014 - 16:54
Danke, Niedlicher Zwerg, aber das Impressum interessiert mich an dieser Stelle nicht. Ich nehme nachher mal alle Seiten ausser der Startseite vom Netz, damit die nicht vom wesentlichen ablenken, nämlich dem Problem mit dem Javascript...
Was mir auffällt ist, dass wenn ich auf "Das Magazin" oder sonst irgendetwas klicke, was zur Fehlerseite führt und DANN auf den Button klicke, der wiederum zur Startseite führt, werden Carousel und Dropdownmenü geladen.
Klingt komisch, ist aber so.
Und wie gesagt.... Bei der Mobilansicht tritt das Problem gar nicht auf,,,
Um schonmal ein wenig weiterhelfen zu können, packe ich mal in diverse Spoiler den HTML-Code der Startseite und diverser Elemente (header.html, navigation.html, social.html, footer.html) rein.
Hier die default.php der Startseite:
Hier die header.html:
Hier die navigation.html:
Hier die Social.html
Hier die footer.html:
Vielleicht ganz interessant für die Fehlersuche ist auch die 404.html, die ja dafür sorgt, dass alle Seiten wieder ordnungsgemäß funktionieren:
Es sollte aber bedacht werden, dass bis auf die Startseite und die Unterseite "Support" noch keine weitere Seite überprüft und angepasst wurde an das neue Layout. Dadurch sind einige Elemente auf verschiedenen Seiten verschoben, da ich eben die diversen Bereiche auf den anderen Seiten nicht durch <div class="container">...</div> eingegrenzt habe.
Was mir übrigens an der Startseite auffällt ist, dass die mittlere Navigation breiter ist als die Bereiche darüber und darunter, obwohl alle drei Container (Hauptbereich, Mittlere Navi und der Infobereich darunter) jeweils gleich breit sein sollten.
Dies ist durch diverse span-Klassen festgelegt. <div class="span12> sollte die volle Breite ergeben.
Also wenn man sich den oberen Content-Bereich anschaut, dann hat man da zwei Container, einen span8 und einen span4, die Navigation besteht aus drei span4-Elementen, genau wie der untere Bereich jeweils aus drei span4-Elementen besteht.
Was mir auffällt ist, dass wenn ich auf "Das Magazin" oder sonst irgendetwas klicke, was zur Fehlerseite führt und DANN auf den Button klicke, der wiederum zur Startseite führt, werden Carousel und Dropdownmenü geladen.
Klingt komisch, ist aber so.
Und wie gesagt.... Bei der Mobilansicht tritt das Problem gar nicht auf,,,
Um schonmal ein wenig weiterhelfen zu können, packe ich mal in diverse Spoiler den HTML-Code der Startseite und diverser Elemente (header.html, navigation.html, social.html, footer.html) rein.
Hier die default.php der Startseite:
Spoiler
<!DOCTYPE html> <html> <head> <title>djbny | Das Original aus Celle</title> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta content="de" http-equiv="Content-Language"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="robots" content="INDEX, FOLLOW" /> <meta name="keywords" content="computerspiele, djbny, Celle, let's play, minecraft, computerspiel, computer, spiel, spiele, games, shooter, strategie, aktion, action, rennspiel, rennspiele, adventure, pc, rollenspiel, rollenspiele, flugsimulator, flugsimulatoren, apple, videospiel, videospiele, wirtschaftssimulation, wirtschaftssimulationen, clan" /> <meta name="description" content="Spannende Let's Plays, hilfreiche Tutorials und mehr - auf djbny.com" /> <meta name="author" content="djbny | Das Original aus Celle" /> <meta name="designer" content="Benjamin Schreiber" /> <meta name="publisher" content="djbny | Das Original aus Celle" /> <meta name="application-name" content="djbny"/> <meta name="msapplication-TileColor" content="#00a200"/> <meta name="msapplication-square70x70logo" content="tiny.png"/> <meta name="msapplication-square150x150logo" content="square.png"/> <meta name="msapplication-wide310x150logo" content="wide.png"/> <meta name="msapplication-square310x310logo" content="large.png"/> <meta name="msapplication-notification" content="frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=http://djbny.com/rss.xml; cycle=1"/><meta name="msvalidate.01" content="E5DB8AAFDB572EDDBE55C5A6BC67C9C8" /> <link rel="shortcut icon" href="favicon.ico"> <link rel="stylesheet" href="css/metro-bootstrap.css"> <link rel="stylesheet" href="css/metro-bootstrap-responsive.css"> <link rel="stylesheet" href="docs/css/docs.css"> <link rel="stylesheet" href="docs/js/prettify/prettify.css"> <script src="docs/js/jquery/jquery.min.js"></script> <script src="docs/js/jquery/jquery.widget.min.js"></script> <script src="docs/js/prettify/prettify.js"></script> <script src="docs/js/jquery/jquery.mousewheel.js"></script> <script src="docs/js/load-metro.js"></script> <script src="docs/js/docs.js"></script> <script src="docs/js/github.info.js"></script> <script src="docs/js/metro.min.js"></script> <script> (function() { var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js?publisherid=115508860521306212986"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-45598604-1', 'djbny.com'); ga('send', 'pageview'); </script> <style type="text/css"> .auto-style2 { color: #ffffff; margin-top: 15px; font-family:"Segoe UI", "Open Sans", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } </style> </head> <body class="metro"> <?php include ("header.html"); ?> <div class="container"> <div class="grid" style="margin-top:20px;"> <div class="row no-phone no-tablet-portrait on-desktop on-tablet on-large "> <div class="span12"> <h2 class="padding10 fg-dark text-center"> <marquee>GROSSER RELAUNCH IM JANUAR 2014 - SEI DABEI! MEHR INFOS AUF <a href="http://facebook.djbny.com">FACEBOOK.DJBNY.COM</a>! - <span class="fg-red">ACHTUNG! DIESE SEITE IST MOMENTAN NOCH IN ARBEIT, LINKS KÖNNEN FEHLERHAFT SEIN!!!</span> </marquee> </h2> </div> </div> </div> </div> <div class="container"> <div class="grid"> <div class="row"> <div class="span8 no-phone no-tablet-portrait"> <div class="carousel" data-role="carousel" id="carousel1" style="height:300px"> <div class="slide" style="left:auto; display:block"> <h2 style="padding-left:20px; padding-top:20px">Die neue Serie</h2> <p class="bg-red margin20 padding20 fg-white" style="text-align: center"> <img alt="New Super Mario Bros Wii" src="New_Super_Mario_Bros_Wii_Logo.png" style="height: 86px" width="199"> </p> <h3 style="padding-left:20px; font-size:14px;"> <strong><a href="/mario">Jetzt reinschauen!</a></strong></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">Relaunch von djbny im Januar 2014</h2> <p class="bg-cyan margin20 padding20 fg-white">In Kürze werden die Arbeiten an djbny.com abgeschlossen. Alle Serien werden dann über die entsprechenden Menüs verfügbar sein und weitere Extras werden euch erwarten. </p> <h3 style="padding-left:20px; font-size:14px;"> <a href="http://facebook.com/djbny.de"target="_blank"><strong>Mehr Infos auf Facebook</strong></a> </h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">Die neuen Serien - Jetzt auch hier!</h2> <p class="bg-darkGreen margin20 padding20 fg-white"> Verpass keine Folge, bleibe auch hier auf dem Laufenden. </p> <h3 style="padding-left:20px; font-size:14px;"> <strong>Klicke oben auf Serien!</strong></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">djbny | Die Offizielle App</h2> <p class="bg-orange margin20 padding20 fg-white"> djbny jetzt auch als App für alle Smartphones. Verpasse nichts mehr! </p> <h3 style="padding-left:20px; font-size:14px;"> <a href="http://app.djbny.com"target="_blank"><strong>Hol dir hier die App!</strong></a></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">best of djbny - Das große Album</h2> <p class="bg-grayDark margin20 padding20 fg-white"> 40+ Tracks aus Spielserien, Tutorials und mehr. </p> <div class="tile image" style="left: 20px; top: -10px; width: 110px; height: 110px"> <div class="tile-content"> <a href="http://djbny.com/musik"target="_blank"> <img src="images/Album%20Cover.png" alt="" style="width: 110px; height: 110px"></a> </div> </div> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">Wie alles begann...</h2> <p class="bg-red margin20 padding20 fg-white"> Schau dir auch die beiden alten Kanäle an... </p> <div class="tile image" style="left: 20px; top: -10px; width: 110px; height: 110px"> <div class="tile-content"> <a href="http://youtube.com/user/thebnyorg"target="_blank"> <img src="images/djbny%20classics.png" alt="" style="width: 110px; height: 110px"></a> </div> </div> <div class="tile image" style="left: 20px; top: -10px; width: 110px; height: 110px"> <div class="tile-content"> <a href="http://youtube.com/user/djbny"target="_blank"> <img src="images/two.png" alt="" style="width: 110px; height: 110px"></a> </div> </div> </div> <a class="controls left fg-dark" style="left: 455px; right: 112px; top: 248px; bottom: -31px"><i class="icon-arrow-left-3"></i></a> <a class="controls right fg-dark" style="left: 520px; right: 43px; top: 248px; bottom: -31px"><i class="icon-arrow-right-3"></i></a> </div> <script> $('.carousel').carousel({ auto: true, period: '6000', duration: '3000', effect: 'fade', markers: { type: "default" } }); </script> </div> <div class="span4 no-desktop no-tablet-landscape no-large on-phone on-tablet-portrait" style="margin-top:100px;"> <div class="carousel span4" data-role="carousel" id="carousel2" style="height:320px"> <div class="slide" style="left:auto; display:block"> <h2 style="padding-left:20px; padding-top:20px">Die neue Serie</h2> <p class="bg-red margin20 padding20 fg-white"> <img alt="New Super Mario Bros Wii" src="New_Super_Mario_Bros_Wii_Logo.png" style="height: 86px" width="199px"> </p><h3 style="padding-left:20px; font-size:14px;"> <strong><a href="/mario">Jetzt reinschauen!</a></strong></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">Relaunch von djbny im Januar 2014</h2> <p class="bg-cyan margin20 padding20 fg-white">In Kürze werden die Arbeiten an djbny.com abgeschlossen. Alle Serien werden dann über die entsprechenden Menüs verfügbar sein und weitere Extras werden euch erwarten. </p> <h3 style="padding-left:20px; font-size:14px;"> <a href="http://facebook.com/djbny.de"target="_blank"><strong>Mehr Infos auf Facebook</strong></a></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">Die neuen Serien - Jetzt auch hier!</h2> <p class="bg-darkGreen margin20 padding20 fg-white"> Verpass keine Folge, bleibe auch hier auf dem Laufenden. </p> <h3 style="padding-left:20px; font-size:14px;"> <strong>Klicke oben auf Serien!</strong></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">djbny | Die Offizielle App</h2> <p class="bg-orange margin20 padding20 fg-white"> djbny jetzt auch als App für alle Smartphones. Verpasse nichts mehr! </p> <h3 style="padding-left:20px; font-size:14px;"> <a href="http://app.djbny.com"target="_blank"><strong>Hol dir hier die App!</strong></a></h3> </div> <div class="slide" style="left:auto; display:none"> <h2 style="padding-left:20px; padding-top:20px">best of djbny - Das große Album</h2> <p class="bg-grayDark margin20 padding20 fg-white"> 40+ Tracks aus Spielserien, Tutorials und mehr. </p> <h3 style="padding-left:20px; font-size:14px;"> <a href="http://djbny.com/musik"target="_blank"> </a></h3> </div> </div> <script> $('.carousel').carousel({ auto: true, period: '6000', duration: '3000', effect: 'fade', markers: { type: "square", position: "bottom-center" } }); </script> </div> <div class="span4 on-tablet-landscape on-desktop on-large no-phone no-tablet-portrait"> <div class="padding20 text-center place-left bg-grayLighter" style="height:300px;"> <br /> <br /> <h2 class="fg-cyan" style="font-size:22px;">Verpasse nichts von djbny</h2> <p class="">Hol dir die App!</p> <br /> <a href="http://app.djbny.com" target="_blank"><h1><i class="icon-arrow-right-3 fg-cyan"></i></h1></a> </div> </div> </div> </div> </div> <br> <?php include ("navigation.html"); ?> <div class="container"> <div class="no-tablet-portrait no-phone"> <div class="grid"> <div class="row"> <div class="span4"> <div class="image-container" style="height:434; width:297"> <img src="967118_596171957068375_110498027_o%20(1).jpg" > <div class="overlay" style="height:80px;"> Hey Leute, ich bin djbny, im echten Leben<br>Benjamin Schreiber und das ist meine Website. <br>Ich komme aus dem beschaulichen Städtchen Celle, in der Lüneburger Heide. </div> </div> </div> <div class="span4"> <h2>Willkommen</h2> <p> Die offizielle Website von djbny | Das Original Aus Celle kommt in einem neuen Gewand daher. <br><br>Um zur gewünschten Seite zu gelangen, klicke oben in der Navigation auf den jeweiligen Link.</p> <p> Bei weiteren Fragen schreibt mir eine <a href="mailto:djbny@djbny.com">Email</a> oder besucht mich auf <a href="https://plus.google.com/+djbnydotcom"rel="publisher">Google+</a>. </p> <h3 style="font-size:20px;">Unterstützte Webbrowser:</h3> <div class="browsers-icons clearfix"> <a href="http://www.beautyoftheweb.com/" target="_blank"><h2 class="place-left" title="Internet Explorer 9+"><i class="icon-IE"></i> </h2></a> <a href="http://www.google.com/chrome/" target="_blank"><h2 class="place-left" title="Chrome"><i class="icon-chrome"></i> </h2></a> <a href="http://www.mozilla.org/de/firefox/new/" target="_blank"><h2 class="place-left" title="Firefox"><i class="icon-firefox"></i> </h2></a> <a href="http://www.opera.com/" target="_blank"><h2 class="place-left" title="Opera"><i class="icon-opera"></i> </h2></a> <a href="http://www.apple.com/de/safari/" target="_blank"><h2 class="place-left" title="Safari"><i class="icon-safari"></i> </h2></a> </div> <br /> <p>Alle modernen Webbrowser ab dem Internet Explorer 9 werden unterstützt.</p> <p class="name">Autor: <a href="https://plus.google.com/+djbnydotcom?rel=author">djbny | Das Original aus Celle</a></p> </div> <?php include ("social.html"); ?> </div></div></div></div> <?php include ("footer.html"); ?> </body> </html>
Hier die header.html:
Spoiler
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="bg-darkGreen" data-load="header.html"> <nav class="navigation-bar bg-darkGreen fixed-top shadow"> <nav class="navigation-bar-content container"> <a class="element brand" href="/"> <img class="place-left" alt="djbny.com" src="/djbny%20metro%20logo%20(2).png" style="height:16px"/> djbny.com </a> <span class="element-divider"></span> <a class="element1 pull-menu" href="#"></a> <ul class="element-menu"> <li> <a class="element dropdown-toggle" href="#">Serien</a> <ul class="dropdown-menu dark" data-role="dropdown"> <li class="menu-title">Aktuelle Serien</li> <li><a href="/mario"><small>New Super Mario Bros Wii</small></a></li> <li><a href="/gta5">Grand Theft Auto V</a></li> <li class="menu-title">Beendete Serien</li> <li><a href="/zelda3"><small>The Legend Of Zelda | <br />A Link To The Past</small></a></li> <li><a href="/minecraft">Minecraft</a></li> <li><a href="/farcry3">Far Cry 3</a></li> <li><a href="/battlefield3">Battlefield 3</a></li> <li><a href="/ff6">Final Fantasy VI</a></li> <li><a href="/re6">Resident Evil 6</a></li> <li><a href="/15mo">15 Minutes Of</a></li> <li class="divider"></li> <li><a href="http://youtube.com/djbnyreloaded" target="_blank">Zum YouTube-Kanal</a> </li> </ul> </li> <li> <a class="element dropdown-toggle" href="#">Klassiker</a> <ul class="dropdown-menu dark" data-role="dropdown"> <li class="menu-title">Die Klassiker</li> <li><a href="/mcclassics">Minecraft Classics</a></li> <li><a href="/ac3">Assassin's Creed 3</a></li> <li><a href="/acr">Assassin's Creed Revelations</a></li> <li><a href="/dkc3">Donkey Kong Country 3</a></li> <li class="menu-title">Nachfolgende Links noch nicht verfügbar</li> <li><a href="/dust">Dust: An Elysian Tail</a></li> <li><a href="/ff13">Final Fantasy XIII-2</a></li> <li><a href="/mp3">Max Payne 3</a></li> <li><a href="/rb6v2">Rainbow Six Vegas 2</a></li> <li><a href="/sonic4">Sonic The Hedgehog 4</a></li> <li><a href="/trials">Trials Evolution</a></li> <li class="menu-title">Externe Links</li> <li><a href="http://youtube.com/thebnyorg" target="_blank">djbny CLASSICS | Der alte Kanal</a> </li> <li><a href="http://youtube.com/djbny" target="_blank">djbny TWO | Der Zweitkanal</a> </li> </ul> </li> <li><a class="element" href="/404.html">Das Magazin</a></li> <li><a class="element" href="/support">Support</a></li> </ul> <span class="element-divider"></span> <div class="element no-display"> <a href="../404.html" class="fg-yellow">Optimierte Ansicht für Tablet PCs</a> </div> <div class="no-tablet-portrait no-phone"> <a title="Einstellungen (Noch nicht verfügbar)" href="#" class="element place-right"><span class="icon-cog"></span></a> </div> </nav> </nav> </header>
Hier die navigation.html:
Spoiler
<div class="container"> <div class="grid no-phone no-tablet-portrait"> <div class="row"> <div class="span4 bg-cyan bg-hover-darkCyan"> <a href="/windows8"> <img src="/images/w8.png" class="place-right" style="margin: 10px; height: 48px;" width="48"/> <h2 class="auto-style2 padding10 fg-white"> Windows 8.1</h2> </a> </div> <div class="span4 bg-darkGreen bg-hover-green"> <a href="/musik"> <img src="/images/mus.png" class="place-right" style="margin: 10px; height: 48px;" width="48"/> <h2 class="auto-style2 padding10 fg-white"> Musik</h2></a> </div> <div class="span4 bg-orange bg-hover-darkOrange"> <a href="/downloads"> <img src="/images/bc.png" class="place-right" style="margin: 10px; height: 48px;" width="48"/> <h2 class="auto-style2 padding10 fg-white"> Downloads</h2></a> </div> </div> </div> </div> <div class="container"> <div class="span4 on-phone on-tablet-portrait no-desktop no-large"> <div class="grid"><div class="row"> <div class="span4 bg-cyan bg-hover-darkCyan"> <a href="/windows8"> <img src="/images/w8.png" class="place-right" style="margin: 10px; height: 48px;" width="48"/> <h2 class="auto-style2 padding10 fg-white"> Windows 8.1</h2> </a> </div> <div class="span4 bg-darkGreen bg-hover-green"> <a href="/musik"> <img src="/images/mus.png" class="place-right" style="margin: 10px; height: 48px;" width="48"/> <h2 class="auto-style2 padding10 fg-white"> Musik</h2></a> </div> <div class="span4 bg-orange bg-hover-darkOrange"> <a href="/downloads"> <img src="/images/bc.png" class="place-right" style="margin: 10px; height: 48px;" width="48"/> <h2 class="auto-style2 padding10 fg-white"> Downloads</h2></a> </div> </div> </div> </div></div>
Hier die Social.html
Spoiler
<div class="span4"> <h2>Besucherzähler:</h2> <table class="github-info" data-repo="olton/Metro-UI-CSS"> <tbody> <tr> <td>Gesamt:</td> <td class="right"><span class="github-watchers"> <script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=thebny&style=text"></script> <noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=thebny" style="width:1px;height:1px;" alt="" /></div></noscript></span></td> </tr> <tr> <td>Heute:</td> <td class="right bg"><span class="github-forks"> <script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=thebny&style=text&show=ct"></script> <noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=thebny" style="width:1px;height:1px;" alt="" /></div></noscript></span></td> </tr> <tr> <td colspan="2" style="padding: 20px 0 0; border: 0;"> <button class="shortcut" onclick="document.location.href='http://facebook.djbny.com'"> <i class="icon-facebook"></i> Facebook </button> <button class="shortcut" onclick="document.location.href='http://twitter.djbny.com'"> <i class="icon-twitter"></i> Twitter </button> <button class="shortcut" onclick="document.location.href='http://youtube.djbny.com'"> <i class="icon-youtube"></i> YouTube </button> </td> </tr> </tbody> </table> <br /> <div class="fb-comments" data-href="http://djbny.com" data-width="300px" data-numposts="5" data-colorscheme="light"></div> </div>
Hier die footer.html:
Spoiler
<div style="height:80px; padding-bottom:20px;" class="bg-grayDark no-tablet-portrait no-phone on-desktop on-large padding20"> <nav class="navigation-bar bg-grayDark"> <nav class="navigation-bar-content container"> <div class="element"> © 2014 <a class="fg-white" href="mailto:info@djbny.com">djbny.com</a> | Alle Rechte vorbehalten. | Aktuelle Version: <a><span style="color:white;"><abbr title="In Version 2.0 wurden das Grunddesign weitgehend verändert. Außerdem werden diverse Seiten vervollständigt, aktualisiert oder auch entfernt. Alles noch in Arbeit! Bitte um Verständnis und Geduld!">2.0</abbr></span></a> | <a href="http://djbny.com/impressum"> <span style="color:white; font-weight:bolder;">IMPRESSUM</span></a> </div><span class="element-divider"></span> <div class="element"> <div class="fb-like" data-href="http://djbny.com/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> <div class="g-plusone" data-size="medium"></div> <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://djbny.com/" data-via="djbnyreloaded" data-lang="de">Twittern</a><script> window.___gcfg = {lang: 'de'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div> </nav></nav> </div> <footer style="height:50px; width:100%" class="bg-grayDark no-desktop no-large on-phone on-tablet-portrait"> <nav class="navigation-bar bg-grayDark"> <nav class="navigation-bar-content padding10"> <div class="element"> © 2014 <a class="fg-white" href="mailto:info@djbny.com">djbny.com</a> | <a href="http://djbny.com/impressum"> <span style="color:white; font-weight:bolder;">IMPRESSUM</span></a> </div></nav></nav> </footer>
Vielleicht ganz interessant für die Fehlersuche ist auch die 404.html, die ja dafür sorgt, dass alle Seiten wieder ordnungsgemäß funktionieren:
Spoiler
<!DOCTYPE html> <html> <head> <title>Fehler!</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta content="de" http-equiv="Content-Language"> <meta name="robots" content="INDEX, FOLLOW" /> <meta name="keywords" content="computerspiele, djbny, Celle, let's play, minecraft, computerspiel, computer, spiel, spiele, games, shooter, strategie, aktion, action, rennspiel, rennspiele, adventure, pc, rollenspiel, rollenspiele, flugsimulator, flugsimulatoren, apple, videospiel, videospiele, wirtschaftssimulation, wirtschaftssimulationen, clan" /> <meta name="description" content="Spannende Let's Plays, hilfreiche Tutorials und mehr - auf djbny.com" /> <meta name="author" content="Benjamin Schreiber" /> <meta name="designer" content="Benjamin Schreiber" /> <meta charset="utf-8"> <meta name="application-name" content="djbny"/> <meta name="msapplication-TileColor" content="#00a200"/> <meta name="msapplication-square70x70logo" content="tiny.png"/> <meta name="msapplication-square150x150logo" content="square.png"/> <meta name="msapplication-wide310x150logo" content="wide.png"/> <meta name="msapplication-square310x310logo" content="large.png"/> <meta name="msvalidate.01" content="E5DB8AAFDB572EDDBE55C5A6BC67C9C8" /> <link rel="stylesheet" href="css/metro-bootstrap.css"> <link rel="stylesheet" href="css/metro-bootstrap-responsive.css"> <link rel="stylesheet" href="docs/css/docs.css"> <link href="docs/js/prettify/prettify.css" rel="stylesheet"> <script src="docs/js/jquery/jquery.min.js"></script> <script src="docs/js/jquery/jquery.widget.min.js"></script> <script src="docs/js/prettify/prettify.js"></script> <script src="javascript/jquery.mousewheel.js"></script> <script src="docs/js/load-metro.js"></script> <script src="docs/js/docs.js"></script> <script src="docs/js/github.info.js"></script> <script src="docs/js/metro.min.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-45598604-1', 'djbny.com'); ga('send', 'pageview'); </script> <title>djbny.com</title> <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> </head> <body class="metro"> <div class="page"> <div class="page-region"> <div class="page-region-content"> <div class="grid"><div class="row"><div class="image-container span8 offset2" style="width:400px; height:200px;"> <img alt="Du hast einen toten LINK gefunden!" src="404.png" > </div> </div></div> <div class="grid"><div class="row"> <a class="button large bg-darkGreen fg-white span4 offset4" href="http://djbny.com">Zurück zur Startseite </a></div></div></div></div></div> </body> </html>
Es sollte aber bedacht werden, dass bis auf die Startseite und die Unterseite "Support" noch keine weitere Seite überprüft und angepasst wurde an das neue Layout. Dadurch sind einige Elemente auf verschiedenen Seiten verschoben, da ich eben die diversen Bereiche auf den anderen Seiten nicht durch <div class="container">...</div> eingegrenzt habe.
Was mir übrigens an der Startseite auffällt ist, dass die mittlere Navigation breiter ist als die Bereiche darüber und darunter, obwohl alle drei Container (Hauptbereich, Mittlere Navi und der Infobereich darunter) jeweils gleich breit sein sollten.
Dies ist durch diverse span-Klassen festgelegt. <div class="span12> sollte die volle Breite ergeben.
Also wenn man sich den oberen Content-Bereich anschaut, dann hat man da zwei Container, einen span8 und einen span4, die Navigation besteht aus drei span4-Elementen, genau wie der untere Bereich jeweils aus drei span4-Elementen besteht.
0
Thema verteilen:
2 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 2, unsichtbare Mitglieder: 0
Beitrag entfernen
Von Thema gelöscht
Dieser Beitrag wird komplett aus dem Thema gelöscht
