Darstellungsproblem unter Xampp

anoX · 16.11.2010

Hallo zusammen,

ein Kollege von mir hat ein Problem und bat mich um Hilfe. Da ich aber auch nicht weiter komme, frage ich nun euch.

Folgendes:

Mein Kollege arbeitet in einer größeren Firma, die ihr Intranet über Xampp laufen haben. Nun soll wohl für das Intranet eine neue Gestaltung her. Auf dem eigenen Server funktioniert alles einwandfrei (HTML/CSS - kein php o.ä.) Läd er nun alles in der Firma auf den Xampp, werden verschiedene Bereiche nicht mehr angezeigt, bzw. vollkommen anders als gewünscht.

Die <hr> z.B. verschwindet völlig.

Leider kann ich nun keinen Link oder Screens schicken (wegen der Firma und so), aber ich hoffe, das Problem ist dennoch klar.

Warum unterschlägt Xampp z.B. <hr>? Hatte jemand von euch schonmal Darstellungsprobleme damit? Google hat mir diesmal leider nicht weiter geholfen.

Ideen, die ich selber hatte:
- Xampp falsch konfiguriert
- alte Version

Beides konnte ausgeschlossen werden.

Vielleicht hat jemand von euch weitere/andere Ansätze?

Vorab danke.

LG

MyBad · 16.11.2010

AW: Darstellungsproblem unter Xampp

Ohne HTML-Code + CSS lässt sich da schwer was sagen. Vielleicht wurde es ja in unterschiedlichen Browsern getestet. Oftmals nutzen viele Firmen ja immer noch den IE6. Eventuell kommen dadurch die Probleme.

Ich kann mir zumindest nur schwer vorstellen, dass es am XAMPP liegt.

CrawlerSkiline · 16.11.2010

AW: Darstellungsproblem unter Xampp

Hey ich bin der Kollege von dem anoX sprach

vielen Dank schonmal für die Antwort.

Also erstmal *rotwerd* Sorry das <hr> Problem ist an sich gelöst.
Es wird einfach in einer anderen Farbe dargestellt.

meine Frage aber. Auf meinem Server wird es Korrekt dargestellt wie ich
es möchte und lokal auch, nur von xampp in der selben hintergrund farbe
wie meine Seite. Und nur auf dem Internet Explorer!

An sich kein Problem aber der IE stellt auch mein selbstprogrammiertes
Dropdownmenü falsch dar. Wie gesagt nur sobald es auf xampp läuft
auf meinem privaten läuft es einwandfrei. Und auf Firefox sowieso.

Hier mal der Code fürs Dropdownmenü (wahrscheinlich auch nicht 100%
sauber aber naja bin halt noch in Übung

):

HTML:

/*--------------------------------------------------------------
    mainnav
    --------------------------------------------------------------*/
    
    #mainnav
    {
        position:relative;
        background-color: pink;
    }
    
    /*--------------------------------------------------------------
    mainnav -> menü
    --------------------------------------------------------------*/
    
    #mainnav ul{
        list-style-type:none;
        font-size:14px;
        padding-left:0;
        
        z-index:100;
    }

    #mainnav ul li {
        float:left;
    }

    #mainnav ul li a:hover,
    #mainnav ul li .active {
        color:#004B7C;
        z-index:100;
    }

    #mainnav ul li a {
        color:#167bb3;
        font-weight:normal;
        display:block;
        float:left;
        padding: 0px 8px 0px;
        text-align:center;
        text-decoration:none;
    }
    
    /*--------------------------------------------------------------
    mainnav -> menü -> Dropdown
    --------------------------------------------------------------*/
    
    #mainnav ul ul {
        visibility:hidden;
        position:absolute;
        margin-left:8px;
        top:15px;
        height:0;
        
    }
    
    #mainnav ul ul li {
        width:12em;
        display:block;
        height:auto; 
        line-height:1em;
        float:none;
        
        font-size:12px;
        color:#167bb3;
    }
    
    #mainnav ul ul a, #mainnav ul ul a:visited {
        display:block;
        color:#167bb3;
        background-color:#e8e8e8;
        width:12em;
        height:100%;
        line-height:1em; 
        padding:0.5em 0.5em;
        text-align:left;

        border-bottom:1px solid #C9C8C7;
        border-left:1px solid #C9C8C7;    
    }
    
    #mainnav ul ul a:hover {
        color:#004B7C;
    }
    
    #mainnav ul ul :hover  {
        position:relative;
        z-index:110;
    }

    #mainnav ul :hover ul {
        visibility:visible; 
        height:auto; 
        padding-bottom:3em; 
        background:transparent;
    }

MyBad · 16.11.2010

AW: Darstellungsproblem unter Xampp

Kannst du das Problem noch etwas konkretisieren undd eventuell auch noch den HTML-Quelltext dazuposten? Das wäre super.

Eines schon einmal vorweg: Der IE6 kennt :hover nur bei <a></a>-Tags. ul:hover wird ignoriert.

CrawlerSkiline · 16.11.2010

AW: Darstellungsproblem unter Xampp

HTML:

<hr>
        
    </div> 
    
    <div id="mainnav">
        <ul>
            <li><a href="#">Menüpunkt 1</a>
                <ul>
                    <li><a href="#">Submenü 1</a></li>
                    <li><a href="#">Submenü 2</a></li>
                    <li><a href="#">Submenü 3</a></li>
                </ul>
            </li>
            
            <li><a href="#">Menüpunkt 2</a>
                <ul>
                    <li><a href="#">Submenü 1</a></li>
                    <li><a href="#">Submenü 2</a></li>
                </ul>
            </li>
            <li><a href="#">Menüpunkt 3</a>
                <ul>
                    <li><a href="#">Submenü 1</a></li>
                    <li><a href="#">Submenü 2</a></li>
                    <li><a href="#">Submenü 3</a></li>
                    <li><a href="#">Submenü 4</a></li>
                    <li><a href="#">Submenü 5</a></li>
                    <li><a href="#">Submenü 6</a></li>
                </ul>
            </li>
            <li><a href="#">Menüpunkt 4</a></li>
            <li><a href="#">Menüpunkt 5</a>
                <ul>
                    <li><a href="#">Submenü 1</a></li>
                    <li><a href="#">Submenü 2</a></li>
                    <li><a href="#">Submenü 3</a></li>
                    <li><a href="#">Submenü 4</a></li>
                    <li><a href="#">Submenü 5</a></li>
                    <li><a href="#">Submenü 6</a></li>
                    <li><a href="#">Submenü 7</a></li>
                </ul>
            </li>
        </ul>
    </div>

Der HTML Code.

Naja wenn ich über die Punkte geht öffnet sich normalerweise das Dropdownmenü
durch den Code nach unten hin weg. Aber auf Xampp setzt er größere
abstände zwischen den einzelnen Submenü punkte und versetzt
es schräg rechts nach unten hin weg.

Uff schwer zu erklären. Hoffe du verstehst. Wenn nicht mach ich die
Seite gleich mal ohne Logo Firmenname etc fertig und mach screenshot
und poste dann auch den ganzen Code.

anoX · 16.11.2010

AW: Darstellungsproblem unter Xampp

Fehler behoben.

Ich habe das mal neu gecodet und siehe da es funktioniert. Schätze, dass der Fehler an nem falschen float oder nem fehlenden clear lag. Oder aber direkt in der Navi.