Beiträge von threadi

    Du hast die Menüpunkte mit einer JavaScript-Funktion versehen die bei Anklicken den Inhalt des Contentbereichs per AJAX vom Server lädt und dort einbindet. Das hat jedoch den Nachteil, dass Nutzer ohne JavaScript und Suchmaschinen nie an die Inhalte deiner Webseite kommen. Sie würden nur die Startseite sehen. Ich würde dir raten auch für diese ein Linkziel in den Menüpunkten anzugeben.

    Dein Umlautproblem wird durch die per AJAX geladenen Dateien verursacht. In deinem JavaScript-Code kann man die tatsächliche URL der zu ladenden Inhalte auslesen, z.B. diese hier:
    http://www.shiadrone.de/Homepage/modules/family.php
    Und da sieht man bereits, dass diese Dateien im falschen Zeichensatz gespeichert sind. Sorge dafür, dass diese Dateien mit utf8 gespeichert wurden und auch einen utf8-Zeichensatz zurückgeben. Letzteres kann man z.B. in PHP per header()-Funktion erreichen.

    Du könntest dir ein Forum suchen bei dem Du auch von extern auf den Loginmechanismus zugreifen kannst. Du könntest auch die Funktion zum Anmelden kopieren und in dein Projekt einbauen.

    Oder Du erweiterst das Forum um eine Kennung für jeden Nutzer aus deinem eigenen Loginsystem, sprich: du schreibst eine Erweiterung für die Forensoftware.

    Das weißt Du nicht? Du hast noch kein HTML-Grundgerüst sauber drinne. Beendest den body einfach mitten drinne:

    HTML
    </body>
    </html>
    <link href="templatemo_style.css" rel="stylesheet" type="text/css" />

    Solange Du dich nicht an die HTML-Grundregeln hältst wirst Du auch weiterhin HTML-Fehler beim Validator haben.

    Das sind ja alles nur endtag fehler ?
    Ist das wichtig oder ich sag mal so was für folgen kann es haben ?

    Nicht dein Ernst? Du hast in deinem HTML-Code 2 (!) Doctypes, keiner davon ist HTML5 und trotzdem schreibst Du HTML5-Elemente in deinen "Quälcode"? Es sind auch eine Menge Elemente nicht beendet, wodurch sich jeder Browser das Aussehen erst selbst denken muss.

    Also:
    Erst HTML-Code überarbeiten, dann über Darstellung Gedanken machen.

    Ändere im HTML-Code die Reihenfolge der Elemente zu
    1) submenu-left
    2) submenu-right
    3) menu
    Dann sollte die Ansicht anhand deines CSS-Codes eigentlich passen, wobei ich mir auf Grund der relativen Breitenangaben hierbei nicht 100%ig sicher bin.

    Das iframe wegzulassen wäre natürlich das Optimum. Dann würdest Du jedoch nicht die Inhalte von o.g. URL in deiner Seite einbinden können, es sei denn Du nutzt PHP. Da Du von einem Baukasten sprichst solltest Du den Support des Baukastens dazu befragen. Wir können da nicht viel weiter helfen, da wir den Baukasten und seine Möglichkeiten nicht kennen.

    Ich glaube Du scheiterst am floaten. Denn wer floatet muss auch clearen. Dadurch dass die Navigation gefloatet wird hat das umgebende Element keine Höhe mehr. Die erreichst Du wieder wenn Du bei #maincontent noch "overflow: hidden;" ergänzt oder bei irgendeinem Element am Ende des #maincontent ein "clear: both;" ergänzt.

    Du musst diesen Header nehmen:

    HTML
    <!DOCTYPE HTML>
    <html lang="de">  
        <head>  
            <meta charset="utf-8">  
            [COLOR=#000080]<title>[/COLOR]Unbenanntes Dokument[COLOR=#000080]</title>[/COLOR] [COLOR=#000080]
    </head>[/COLOR]

    Quark. Ob der oder ein anderer Doctype spielt hier keine Rolle. Das Problem ist hier deutlich zu erkennen:

    Schau mal was beim src-Attribut steht. Da steht eine URL die mit // anfängt - das geht nicht, kann nie zu einem Ziel führen.

    Die Lösung ist also hier noch ein http: davor zu setzen. Schon klappt es auch mit der Einbindung.

    Btw. habe ich genau so eine Frage schon oft gesehen, und jedes Mal liegt es an dem Tool, welches Facebook hierfür anbietet:
    https://developers.facebook.com/docs/reference/plugins/like-box/
    Wenn man dort sich einen Code generieren lässt und auf "iframe" klickt, wird der iframe-Code angezeigt - aber eben ohne das Protokoll davor. Wenn man das 1 zu 1 so übernimmt ohne nachzudenken und nochmal hinzuschauen passiert eben genau das.

    Bei der Methode im Eröffnungspost dieses Topics ist es übrigens genau das selbe. Dort steht z.B.

    Code
    channelUrl : '//www.facebook.com/VodafoneShopImMarktkauf', // Channel File for x-domain communication

    Was fehlt? Genau, das Protokoll wiedermal.

    Code
    channelUrl : 'http://www.facebook.com/VodafoneShopImMarktkauf', // Channel File for x-domain communication

    Und auch an 2 weiteren Stellen in dem Code.

    Dein HTML-Code ist fehlerhaft, genau beim Menü.

    Falsch:

    HTML
    <ul id="top">
        			<li><img class="img_set" src="style/img/invis.png" alt="Optionen"></li>
                    <li><img class="img_menu" src="style/img/invis.png" alt="Menu"></li>
                    	<ul>         
                  			<li>2. Ebene</li>       
                  			<li>2.punkt</li>     
              			</ul>  
      			</ul>

    Richtig:

    HTML
    <ul id="top">
        			<li><img class="img_set" src="style/img/invis.png" alt="Optionen"></li>
                    <li><img class="img_menu" src="style/img/invis.png" alt="Menu">
                    	<ul>         
                  			<li>2. Ebene</li>       
                  			<li>2.punkt</li>     
              			</ul></li>
      			</ul>

    Siehst Du den Unterschied? Wenn ja, kannst Du nun auch das Untermenü in Abhängigkeit vom Obermenü stylen.

    Dabei helfen Entwicklertools in den Browsern. Im Firefox (bei mir) der Firebug, gibts auch für Chrome. Beim IE sind solche Tools seit Version 9 bereits im Browser integriert. In jedem Browser kann man sie über F12, im Firefox und Chrome auch per Rechtsklick mit der Maus und "Element untersuchen" erreichen (wenn vorhanden).

    Das Element mit der Klasse "ws_shadow" von diesem wowslider liegt über deinem iframe. Wenn Du das weg lässt, geht es. Alternative wäre, dass Du diesen Slider auf eine bestimmte Breite beschränkst, so dass er nicht über dem iframe liegt.