Ergebnis 1 bis 2 von 2

Thema: CSS Darstellungsproblem beim IE6/IE7

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

    Ausrufezeichen CSS Darstellungsproblem beim IE6/IE7

    Hallo, ich habe zur Zeit ein Problem mit nen kleinen Navigationscode der einwandfrei in allen bekannten Browsern (Firefox, Chrome, Opera, Safari ...) funktioniert außer im IE6 bzw IE7. Da ich das Problem nicht behoben bekomme wollte ich einmal euch fragen. Dazu stell ich vllt mal kurz 2 Codes hier rein.

    Die Darstellung weicht beim IE6/7 ab indem das Wort "Suchen" (jetzt Inputfeld) und dann das Zeichen "»" nicht mittig stehen.



    index.html

    PHP-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Unbenanntes Dokument</title>
    <
    link rel="stylesheet" type="text/css" href="formateIE.css">
    </
    head>

    <
    body>

    <
    div id="sidebarlinks">
    <!-- 
    ///////////////////////  Kontaktnavigation ////////////////////////////////////////-->
        
    <div id="kontaktnavigation">
            <!-- 
    fügt template mit der id 2 ein navigation -->
            <
    img src="./files/spacer.gif" width="200" height="20" />
            <
    a onfocus="if(this.blur)this.blur()" class="current_submenu" href="index.php?article_id=2&amp;clang=0" id="2" title="Unternehmensgruppe">Kontakt</a>
            <
    a onfocus="if(this.blur)this.blur()" class="submenu" href="index.php?article_id=3&amp;clang=0" id="3" title="Leistungen">Intranetzugang</a>
            <
    a onfocus="if(this.blur)this.blur()" class="submenu" href="index.php?article_id=4&amp;clang=0" id="4" title="Referenzen">Suchen<input name="suche" type="text" id="suche" onfocus="Leeren(this);" onblur="Fuellen(this);" value="'.$val.'"/>»</a>
            <
    a onfocus="if(this.blur)this.blur()" class="submenu" href="index.php?article_id=6&amp;clang=0" id="6" title="Stellenangebote">Impressum</a>        
        </
    div>
            <!-- 
    /////////////////////// END Kontaktnavigation ////////////////////////////////////////-->
    </div>
    </
    body>
    </
    html
    formatIE.css

    HTML-Code:
    @charset "utf-8";
    
    /* CSS Document */
    
    html {
    
      height:100%;
      overflow-x:hidden;
    
      }
    
    
    body {
    
        height:100%;
        margin:0%;
        padding:0%;
        font-family: Verdana, sans-serif;
        font-size:11px;
        background: #f8e3ac;
        background-image:url(./hintergrund_gesamt.jpg);
        background-position:top;
        text-align: left;
        color: #0032AA;
        line-height: 18px;    
    }
    
    #sidebarlinks {
    
        width: 200px;
        float: left;
        margin: 0px;
        padding: 0px 0px 30px 5px;
    
    }
    
    #suche {
    
        background-color: #ffffff;
        color:#416b9d;
        border: 1px solid #ffffff;
        width: 110px;
        height:11px;
        text-align:left;
        vertical-align:top;
        font-size:11px;
        line-height:11px;
        padding: 2px 1px 1px 3px;
        margin: 2px 1px 0px 10px;
    
    } 
    
    a {
    
        color: #FF6600;
        text-decoration: none;
    
    }
    
    a:link {    color: #FF6600; }
    a:visited { color: #FF6600; }
    a:hover {     color: #003360; }
    a:active {     color: #003360; }
    
    #kontaktnavigation a.submenu {
    
        display:block;
        text-align:left;
        padding-left:20px;
        height:20px;
        text-decoration:none;
        color:#ffffff;
        background-color: #f5ba11; 
        font-weight:bold;
        font-size:10px;
        border-bottom: 1px solid #ffffff;
    
    }
    
    #kontaktnavigation a.current_submenu {
    
        display:block;
        text-align:left;
        padding-left:20px;
        height:20px;
        text-decoration:none;
        color:#ffffff;
        background-color: #e6aa00; 
        font-weight:bold;
        font-size:10px;
        border-bottom: 1px solid #ffffff;
        
    }
    
    #kontaktnavigation a.submenu:link    { background-color: #f5ba11; }
    #kontaktnavigation a.submenu:visited { background-color: #f5ba11; }
    #kontaktnavigation a.submenu:hover   { background-color: #e6aa00; }
    #kontaktnavigation a.submenu:active  { background-color: #e6aa00; }
    Es liegt ja offensichtlich beim IE am Inputfeld "Suche", nur wie kann ich das umgehen?
    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
    HTML Newbie
    Themenstarter

    Registriert seit
    01.03.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Darstellungsproblem beim IE6/IE7

    erledigt

    vertical-align: middle;
    in der #Suche behebt das Problem

Ähnliche Themen

  1. IE-PNG-Fix -> Darstellungsproblem
    Von Dodo im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 22.06.2008, 14:15
  2. Darstellungsproblem im FF
    Von Der Unwissende im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 19.08.2007, 22:10
  3. Darstellungsproblem im IE
    Von Greg10 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 19.08.2007, 21:55
  4. Darstellungsproblem in IE 6
    Von bambid im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 07.03.2007, 14:25
  5. Darstellungsproblem
    Von Dragoon im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.10.2005, 19:46

Stichworte

Berechtigungen

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