Ergebnis 1 bis 2 von 2

Thema: Opera ignoriert einige CSS-Angaben

  1. #1
    Dream
    Gast

    Standard Opera ignoriert einige CSS-Angaben

    Einfach typisch - längere Zeit ist man mit der Umsetzung eines Designs beschäftigt, hofft es dieses mal kompatibel zu allen Browsern gestalten zu können und ein Browser macht einem dann doch letztendlich einen Strich durch die Rechnung. In diesem Fall Opera.

    In dem konkreten Beispiel soll es wie folgt aussehen, was Firefox, IE & Chrome auch entsprechend wiedergeben:
    ie1.jpg
    ie2.jpg

    Opera hingegen schenkt der Schriftgröße beispielsweise keinerlei Beachtung:
    op1.jpg
    op2.jpg

    Vielleicht hat ja jemand eine Idee, woran es liegen könnte. Die Seite wurde entsprechend validiert (CSS 2.1) und ist hier zu finden: http://easykiller.de

    Der zugehörige HTML- & CSS-Code in entsprechend gekürzter Form:

    HTML-Code:
    <li id="stats">
     
             <div id="stats_today">Heute:</div>
                    <div class="stats_zahl">74</div>
                    <div class="stats_text">Gestern:</div>
                    <div class="stats_zahl">115</div>
                    <div class="stats_text">All Time:</div>
                    <div class="stats_zahl">48779</div>
                    <div class="stats_text">Member:</div>
                    <div class="stats_zahl">178</div>            </li>
            </ul>
    HTML-Code:
    <div id="result_head"><a href="index.php?site=challenge" class="navi_box_link_2"></a><a href="index.php?site=clanwars" class="navi_box_link_3"></a></div>
     <div class="result_include_2">
      <div class="result_game"><img src="images/games/esl.gif" border="0" width="16" height="16" alt="esl" /></div>
       <div class="result_text">
        <a href="index.php?site=clanwars_details&amp;cwID=118">Speed Fun Driver</a><br /> 
      on 03.04.2011 - ESL SCS 
       </div>
       <div class="result_win">14:1</div>
    </div>
    HTML-Code:
    #result_head {
     background-image:url(../design/index_25.png);
     height:29px;
     width:235px;
     clear:both;
    }
    .result_include_1 {
     background-image:url(../design/index_27.png);
     background-position:top;
     width:235px;
     clear:both;
     height:28px;
    }
    .result_include_2 {
     background-image:url(../design/index_27.png);
     background-position:bottom;
     width:235px;
     clear:both;
     height:28px;
    }
    .result_game {
     clear:both;
     float:left;
     text-align:center;
     width:35px;
     padding:6px 20px 0px 0px;
    }
    .result_text {
     float:left;
     font-family:Tahoma;
     font-size:9px;
     color:#756e67;
     width:140px;
     padding:3px 0px 0px 0px;
    }
    .result_win {
     float:left;
     background-image:url(../images/win.png);
     width:35px;
     height:14px;
     background-position:bottom;
     background-repeat:no-repeat;
     padding:9px 0px 0px 0px;
     font-family:Tahoma;
     font-size:8px;
     font-weight:bold;
     color:#FFFFFF;
     text-align:center;
    }
    .result_lose {
     float:left;
     background-image:url(../images/lose.png);
     width:35px;
     height:14px;
     background-position:bottom;
     background-repeat:no-repeat;
     padding:9px 0px 0px 0px;
     font-family:Tahoma;
     font-size:8px;
     font-weight:bold;
     color:#FFFFFF;
     text-align:center;
    }
    #stats_today {
     clear:both;
     width:54px;
     float:left;
    }
     
    .stats_zahl {
     float:left;
     width:46px;
    }
     
    .stats_text {
     float:left;
     width:54px;
    }
    #stats {
     background-image:url(../design/index_11.png);
     width:417px;
     padding:16px 0px 0px 40px;
     height:23px;
     color:#FFFFFF;
     font-family:Tahoma;
     font-size:7px;
     text-align:left;
     text-transform:uppercase;
     font-weight:bold;
     cursor:default;
    }
    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
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Opera ignoriert einige CSS-Angaben

    Versuchs mal mit !important, hat bei mir auch schonwunder gewirkt.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. UTF-8 wird vollkommen ignoriert
    Von synaptic im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 08.08.2008, 14:31
  2. IE7 ignoriert page-break-before
    Von jogisarge im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 16.02.2007, 21:35
  3. Safari (Mac) ignoriert Zeilenlänge bei Text
    Von bjilton0 im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 15.01.2007, 20:48
  4. FF ignoriert Div Container
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 17.04.2006, 22:09
  5. feste bereite von td wird ignoriert!
    Von jacko im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 25.12.2004, 19:28

Stichworte

Berechtigungen

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