Ergebnis 1 bis 3 von 3

Thema: menü mit divs und css schaut auf verschiedenen browsern anders aus [Hilfe!]

  1. #1
    HTML Newbie
    Registriert seit
    19.10.2013
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard menü mit divs und css schaut auf verschiedenen browsern anders aus [Hilfe!]

    Hi!
    Gleich im voraus, ich bin neu. Sollte das also an der falschen stelle sein bitte ich einen mod es zu verschieben.

    Ich versuche gerade wieder mit html und css zu beginnen (hab es das letzte mal vor 2 Jahren verwendet) und erstelle gerade eine Seite mit einem auf css basierendem Menü.

    Mein momentaner code:
    [SPOILER]
    Code:
    <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Titel</title>
            <style type="text/css">
                html, body {
                    margin:0;
                    padding:0;
                    height:100%
                }
    
    
                #hintergrund {
                    min-height:100%;
                    height:auto !important;
                    height:100%;
                    background:#d95d5d;
                    width:100%;
                    margin:0 auto;
                    z-index: 1;
                    position: absolute;
    
    
    
    
                }
                
                #menu {
                    min-height:100%;
                    height:auto !important;
                    height:100%;
                    background:#968767;
                    width:15%;
                    position:fixed;
                    z-index: 2;
    
    
    
    
                }
           #menuelement {
            display:block;
                    height:25%;
            min-height:25%;
            height:auto !important;
                    background:#923457;
                    width:100%;
            text-align:center;
                    z-index: 3;
    
    
    
    
                    
    
    
                }
                
                
                
                
                
                #inhalt {
                    overflow: auto;
                    margin-left: 15%;
                    float:right;
                    width:85%;
                    background:RED;
                    min-height:100%;
                    height:auto !important;
                    height:100%;
                    z-index: 4;
                    position: absolute;
    
    
    
    
                }
            </style>
        </head>
        <body>
            <div id="hintergrund">
                <div id="menu">
                    
                    <a href="http://www.tagesschau.de/" id="menuelement">
                    [menue]
                    </a>
                    
                    <a href="http://www.tagesschau.de/" id="menuelement">
                    [menue]
                    </a>
                    
                    <a href="http://www.tagesschau.de/" id="menuelement">
                    [menue]
                    </a>
                    
                    <a href="http://www.tagesschau.de/" id="menuelement">
                    [menue]
                    </a>
                    
                </div>
                <div id="inhalt">
                        inhalt
                <div>
                
                
                
                
    
    
            </div>
        </body>
    </html>
    [/SPOILER]

    Ich habe mit windows zu arbeiten begonnen und jetzt das ganze Projekt auf meinen Laptop kopiert (osx10.8 ) um im Urlaub weiterarbeiten zu können.
    Jedoch haben auf meinem mac alle css formatierungen nicht mehr richtig funktioniert:

    So sieht es jetzt auf meinem mac aus:
    [SPOILER]

    seite mac.jpg


    [/SPOILER]

    So in parallels(virtuelles windows):
    [SPOILER]

    parallels.jpg

    [/SPOILER]

    und so auf windows(Ziel):
    [SPOILER]

    windows.jpg

    [/SPOILER]

    Bin mit meinem Latein am Ende, es sollten eigentlich alle browser unterstützt sein...
    Danke im voraus, Jacky

    EDIT:Und es ist wichtig das die Größen mit Prozent und nicht mit px geregelt sind.
    EDIT2: CSS wird später in eine externe Datei verschoben.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Jacky2611 (19.10.2013 um 12:17 Uhr)

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: menü mit divs und css schaut auf verschiedenen browsern anders aus [Hilfe!]

    Dir fehlt der Doctype.
    Warum verwendest du z-index?
    Warum verwendest du Position: absolute?
    Warum verwendest du erst min-height und danach height: auto? Was davon willst du denn?
    Verzichte auf !important, das ist nicht notwendig, oder du machst etwas falsch.
    Warum zentrierst du dein Hintergrund?
    Warum ist dein Listenmenü nicht eine Liste bestehend aus UL und LI Elementen?

    Ein div inhalt zu nennen ist aussagelos, welcher Inhalt wird repräsentiert?
    Das DIV hintergrund kannst du dir sparen, dein Hintergrund ist body, wende die Farbe darauf an.

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: menü mit divs und css schaut auf verschiedenen browsern anders aus [Hilfe!]

    dieses konstrukt hier:
    Code:
    min-height:100%; 
    height:auto !important; 
    height:100%;
    kenne ich nur als min-height-fix für den guten alten IE6.
    aber, dann gehört der teil hier:
    Code:
    height:auto !important; 
    height:100%;
    in die ie6fix.css ausgelagert und nicht direkt ins normale stylesheet rein
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Antworten: 11
    Letzter Beitrag: 05.07.2012, 12:29
  2. Divs werden im IE anders ausgerichtet als im Firefox
    Von minolta im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 13.10.2007, 12:25
  3. Antworten: 3
    Letzter Beitrag: 24.04.2007, 16:21
  4. Webste für Homepagetest in verschiedenen Browsern.
    Von Questionmark im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.11.2006, 18:17
  5. ´textausrichtung in verschiedenen browsern
    Von janeschaf im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.08.2006, 18:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •