Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 29

Thema: css ie hack für horizontale navigation!

  1. #1
    Youngster
    Registriert seit
    12.06.2009
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Ausrufezeichen css ie hack für horizontale navigation!

    guten morgen liebe gemeindschaft
    ich habe problem mit der "programmierung" meiner homepage. und zwar ist meine navigation bei der IE Explorer Version 5 und 6 sehr weit nach links verschoben. habe schon alles möglich rumgetestet um dieses problem zu beheben. bei den anderen IE versionen und im firefox ist allet schick

    gibt es nicht bzw gab es nicht für den ie explorer sogenannte ie css hacks?

    http://home.arcor.de/robertfuhrmann/...uell/test.html

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Physiotherapeut Robin Cronenberg - Berlin </title>
    
    <style type="text/css">
    
    @charset "utf-8";
    /* CSS Document */
    
    body {
    background-color: #666666;
    /* background-image:url(bg.jpg);*/ 
    /* background-repeat:repeat; */ 
    }
    
    #container {
    padding: 0 auto;
    margin: 0;
    width: 716px;
    height: 800px;
    border: 1px solid black;
    background-color: #FFFFFF;
    }
    
    #header {
    background-image: url(header.jpg);
    background-repeat: no-repeat;
    width: 710px;
    height: 140px;
    }
    
    #firstline {
    width: 733px;
    height: 3px;
    background-image: url(line/firstline.jpg);
    background-repeat: no-repeat;
    margin-left:2px;
    }
    
    a {
    display: block; 
    padding: 0px; 
    height: 20px; 
    width: 101px;}
    
    .unsichtbar { 
    display: none; 
    }
    
    #navigation {
    width: 714px;
    height: 25px;
    }
    
    #navi {
    width: 714px;
    height: 20px;
    list-style: none;
    padding: 0 0px;
    margin: 0;
    }
    
    #navi li {
    width: 101px;
    float: left;
    }
    
    #navi li:hover ul, #navi li.over ul {
    display: block;
    }
    
    
    #navi li a.navilinks:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active { width: 101px; height: 20px; display: block; background: url(navi/navilinks.jpg) no-repeat;}
    #navi li a.navilinks:hover {     background:url(hover/navilinks.jpg) no-repeat; width: 101px; height: 20px; }
    
    #navi li a.therapien:link, li a.therapien:visited, li a.therapien:focus, li a.therapien:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/therapien.jpg) no-repeat;}
    #navi li a.therapien:hover { background: url(hover/t.jpg) no-repeat;border: none; width: 101px; height: 20px; } 
    
    #navi li a.preise:link, li a.preise:visited, li a.preise:focus, li a.preise:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/preise.jpg) no-repeat;}
    #navi li a.preise:hover { background: url(hover/p.jpg) no-repeat;border: none; width: 101px; height: 20px; }
    
    #navi li a.guestbook:link, li a.guestbook:visited, li a.guestbook:focus, li a.guestbook:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/guestbook.jpg) no-repeat;}
    #navi li a.guestbook:hover { background: url(hover/g.jpg) no-repeat;border: none; width: 101px; height: 20px; }
    
    #navi li a.lebenslauf:link, li a.lebenslauf:visited, li a.lebenslauf:focus, li alebenslauf:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/lebenslauf.jpg) no-repeat;}
    #navi li a.lebenslauf:hover { background: url(hover/l.jpg) no-repeat;border: none; width: 101px; height: 20px; }
    
    #navi li a.impressum:link, li a.impressum:visited, li a.impressum:focus, li a.impressum:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/impressum.jpg) no-repeat;}
    #navi li a.impressum:hover { background: url(hover/i.jpg) no-repeat;border: none; width: 101px; height: 20px; }
    
    #navi li a.navirechts:hover {     background-image:url(hover/navirechts.jpg) no-repeat;border: none; width: 101px; height: 20px;}
    #navi li a.navirechts:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active { width: 101px; height: 20px; display: block;border: none; background: url(navi/navirechts.jpg) no-repeat;}
    
    #secondline {
    width: 710px;
    height: 10px;
    background-image: url(line/secondline.jpg);
    background-repeat: no-repeat;
    margin-top:1px;
    }
    
    
    </style>
    
    
    
    </head>
    
    <body>
    <center>
    <div id="container">
    
        <div id="header">
        </div>
        
        <div id="firstline">
        </div>
    
        <div id="navigation">
            <ul id="navi">
              <li><a href="#1" class="navilinks"><span class="unsichtbar">links</span></a></li>
              <li><a href="#2" class="therapien" title="Therapien"><span class="unsichtbar">therapienweg</span></a></li>
              <li><a href="#3" class="preise" title="Preise"><span class="unsichtbar">preiseweg</span></a></li>
              <li><a href="#4" class="guestbook" title="Guestbook"><span class="unsichtbar">guestbookweg</span></a></li>
              <li><a href="#5" class="lebenslauf" title="Lebenslauf"><span class="unsichtbar">lebenslaufweg</span></a></li>
              <li><a href="#6" class="impressum" title="Impressum"><span class="unsichtbar">impressumweg</span></a></li>
              <li><a href="#7" class="navirechts"><span class="unsichtbar">rechts</span></a></li>
            </ul>
        <div>
        
        <div id="secondline"></div>
    
    
    
    
    </div>
    </center>
    vielen dank für eure hilfe im vorraus
    grüße robert
    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 !!!!!

  2. #2
    Thonixx
    Gast

    Standard AW: css ie hack für horizontale navigation!

    Versuch mal ein margin-left einzubauen, dann könnte das gehen.
    Dieses margin-left solltest du aber dann per Conditional Comments (www.google.ch) einbinden.

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    Ergänze mal noch folgendes:

    Code:
    #navi ul {
    margin: 0;
    }
    Ansonsten bitte Link posten..

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    12.06.2009
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    hier der link http://home.arcor.de/robertfuhrmann/...uell/test.html
    steht aber auch oben. komme leider immer noch nicht weiter

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    12.06.2009
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    mit den Conditional Comments klappt es leider nicht. die einstellungen ändern sich für alle ie und firefox versionen hat da einer einen guten rat für mich möchte die css halt anpassen.
    vielen dank im vorraus

    ist diese kommandonzeile richtig für css:
    r <!--[if lte IE 6]>
    <![endif]>

  6. #6
    Thonixx
    Gast

    Standard AW: css ie hack für horizontale navigation!

    <!--[if IE 6]>
    Special instructions for IE 6 here
    <![endif]-->

    Zwei Striche vergessen

    http://www.quirksmode.org/css/condcom.html

  7. #7
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    Bereinige mal zunächst diese
    HTML-Fehler und diese
    CSS-Fehler.

    Der Center-Tag ist überflüssig wenn du den container so zentrierst:
    Code:
    #container {
    margin: 0 auto;
    width: 716px;
    height: 800px;
    border: 1px solid black;
    background-color: #FFFFFF;
    }
    Ob das letztlich für den IE 6 hilft, kann ich jedoch nicht beurteilen, weil ich keinen mehr habe.

  8. #8
    Youngster
    Themenstarter

    Registriert seit
    12.06.2009
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    mit <!--[if IE 6]>
    Special instructions for IE 6 here
    <![endif]-->

    funktioniert es leider immer noch nicht :/ bin langsam am verzweifel :/
    wenn ich dort meinen "extra" geänderten css code reinpacke, ändert sich auch die anschauung für firefox etc. also gehe ich davon aus das es für css nicht der richtige befehl ist :/
    bitte um hilfe
    vielen dank

    so far el roberto

  9. #9
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    Hier mal ein Bsp wie man es machen kann.
    Da du ja leider nicht zeigst wie du es einbindest.

    Code:
    <!--[if lte IE 6]>
    <style type="text/css">
    @import url(iewin-layer.css); /*Stylesheets für den IE-Win*/
    </style>
    <![endif]-->

  10. #10
    Youngster
    Themenstarter

    Registriert seit
    12.06.2009
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: css ie hack für horizontale navigation!

    hi vielen dank war zu doof


    Code:
    /* CSS Document */
    <!--[if lte IE 6]>
    body {
    
    background-color: #666666;
    
    /* background-image:url(bg.jpg);*/ 
    
    /* background-repeat:repeat; */ 
    
    }
    
    
    
    #container {
    
    padding: 0 auto;
    
    margin: 0;
    
    width: 716px;
    
    height: 800px;
    
    border: 1px solid black;
    
    background-color: #FFFFFF;
    
    }
    
    
    
    #header {
    
    background-image: url(header.jpg);
    
    background-repeat: no-repeat;
    
    width: 710px;
    
    height: 140px;
    
    }
    <![endif]-->
    so habe ich es gemacht ??? :/
    besteht die möglichkeit das man den "ie hack" auch im direkt css dokument direkt einbinden kann ?

Ähnliche Themen

  1. Horizontale Navi aufklappbar!
    Von CroweHammer im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 25.06.2007, 20:59
  2. Horizontale Scrollbalken
    Von aizn im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.02.2006, 17:38
  3. horizontale Bildlaufleiste?!
    Von Flaah im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 28.08.2005, 13:19
  4. Horizontale Navigation -- Problem ?
    Von Captain Cupra im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 27.06.2004, 13:09

Stichworte

Berechtigungen

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