Ergebnis 1 bis 3 von 3

Thema: Im IE richtig angezeigt, aber in Opera ist es falsch

  1. #1
    Gast

    Standard Im IE richtig angezeigt, aber in Opera ist es falsch

    ich habe ein page gemacht. diese ist zetriert. Im IE ist dies auch so, aber wenn ich diese in Opera öffne wird sie links ausgerichtet. dann ist in opera der background anders und die Input boxen sehen in opera anders aus als im IE. need help.

    mfg

    Code:
    <html>
    <head>
    <title>Pronova GmbH</title>
    <link rel="stylesheet" type="text/css" href="format.css" >
    <script src="javascript.js" type="text/javascript" ></script>
    <script>
    <!--
    function BlurLinks&#40;&#41;&#123;
    lnks=document.getElementsByTagName&#40;'a'&#41;;
    for&#40;i=0;i<lnks.length;i++&#41;&#123;
    lnks&#91;i&#93;.onfocus=new Function&#40;"if&#40;this.blur&#41;this.blur&#40;&#41;"&#41;;
    &#125;
    &#125;
    
    onload=BlurLinks;
    -->
    </script>
    </head>
    
    <body bgcolor="powderblue" onload="window.setTimeout &#40;'uhr&#40;&#41;',1000&#41;;"  >
    
    <div align="center"><table border="0" cellpadding="0" cellspacing="3"  width="760">
    <tr>
    <td>
    <table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="750" >
    
    <tr>
    <td ><table border="0" cellpadding="2" cellspacing="1"  width="750">
    <tr>
    <td height="25" background="images/balken.jpg"  bgcolor="powderblue"  ></td>
    </tr>
    <tr>
    <td bgcolor="powderblue" height="62">[img]images/banner_schreibtisch.jpg[/img]</td>
    </tr>
    <tr>
    <td width="100%"  background="images/balken.jpg"    bgcolor="powderblue"align="right">
    <table border="0" cellpadding="0" cellspacing="0"  width="100%" >
    <tr>
    <td align="right" width="100%"><FORM style="margin-bottom&#58;0px;padding-top&#58;3px;" NAME="Datum"><INPUT SIZE=10 NAME="Date" style="height&#58;20px;font-size&#58;9pt;background-color&#58;#BFFBCE;color&#58;black;padding&#58;2px"></FORM></td><td ></td><td valign="top"  ><FORM NAME="zeit" style="margin-bottom&#58;0px;padding-top&#58;3px;"><INPUT SIZE=10 NAME="Time" style="height&#58;20px;font-size&#58;9pt;background-color&#58;#BFFBCE;color&#58;black;padding&#58;2px" ></FORM></td><td></td>
    
    </tr>
    </table>
    </td>
    </tr>
    
    </table></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td  valign="top"   >
    <table border="0" cellpadding="0" cellspacing="0"  width="750" height="197">
    <tr>
    <td  valign="top" height="197">
    <table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="160" >
    <tr>
    <td valign="top" >
    <table width="160"  border="0" cellpadding="0" cellspacing="1" id="menu1" >
    <tr>
    <td  bgcolor="powderblue" width="160"   height=20 style="padding&#58;4px"  background="images/balken.jpg"  >Men&uuml;</td>
    
    </tr>
    <tr>
    <td  width="160"  background="images/back_button.jpg" >&raquo;Home</td>
    </tr>
    <tr>
    <td  width="160"  background="images/back_button.jpg">&raquo;Unsere Arbeiten</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;&&Uuml;ber Uns</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Gallerie</td>
    </tr>
    
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Kontakt</td>
    </tr>
    </table>
    </td>
    </tr></table>
    
    
    
    
    
    </td>
    <td  ></td>
    <td  width="100%" valign="top" height="197" >
    
    <table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="100%" >
    <tr>
    <td valign="top"  height="100%"><table border="0" cellpadding="15" cellspacing="1"  width="100%">
    <tr>
    <td valign="top"  bgcolor="#89a9b8" height="390">
    
    Hier steht der Inhalt ...
    
    </td>
    </tr>
    </table></td>
    </tr>
    </table>
    
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    
    
    <table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="750" >
    <tr>
    
    <td><table border="0" cellpadding="2" cellspacing="1"  width="100%">
    <tr>
    <td width="100%" background="images/balken.jpg">[img]images/space_trans.gif[/img]</td>
    </tr>
    <tr>
    <td  width="100%"     bgcolor="#BFFBCE" >
    <table border="0" cellpadding="0" cellspacing="0"    width="100%">
    <tr>
    <td  style="font-size&#58;8pt;" ></td><td></td>
    </tr>
    </table>
    </td>
    <tr>
    <td width="100%" background="images/balken.jpg">[img]images/space_trans.gif[/img]</td>
    </tr>
    </tr>
    </table></td>
    
    </tr>
    </table>
    
    
    
    
    
    
    
    
    
    
    
    
    </td>
    <td>
    </tr>
    
    </table></div>
    
    </body>
    </html>
    Code:
    /* schriftstil,abstände */
    
    body
    &#123; color&#58; black;  background-color&#58; powderblue; font-family&#58; verdana,arial; font-size&#58; 10pt;&#125;
    
    
    table,tr,td
    &#123;margin-top&#58; 0px; margin-left&#58; 0px; margin-right&#58; 0px; color&#58; black ;font-family&#58; verdana,arial; font-size&#58; 10pt; &#125;
    
    /* scrolleiste internet explorer ab vers.5.5 */
    
    body
    &#123;scrollbar-arrow-color&#58; black; scrollbar-base-color&#58; #BFFBCE;
    scrollbar-highlight-color &#58; #BFFBCE; scrollbar-shadow-color &#58; black;
    SCROLLBAR-TRACK-COLOR&#58; #BFFBCE;&#125;
    
    /* menue links */
    
    
    #menu1 a &#123;display&#58; block;        background-image&#58;url&#40;images/back_button.jpg&#41;; color&#58;black; text-decoration&#58;none ;font-family&#58;verdana, sans-serif; font-size&#58; 10pt;width&#58;160px;
    padding-left&#58; 4px; padding-bottom&#58; 4px;   padding-top&#58; 4px;margin&#58; 0px auto;border&#58;solid 1px #BFFBCE;
    &#125;
    
    #menu1 a&#58;visited&#123; background-image&#58;url&#40;images/back_button.jpg&#41;;color&#58;black;text-decoration&#58;none;font-family&#58;verdana, sans-serif; font-size&#58; 10pt;width&#58;160px;
    padding-left&#58; 4px; padding-bottom&#58; 4px;   padding-top&#58; 4px;margin&#58; 0px auto;border&#58;solid 1px #BFFBCE;
      &#125;
    
    #menu1 a&#58;active&#123;background-image&#58;url&#40;images/back_button.jpg&#41;; color&#58;black;text-decoration&#58;none;font-family&#58;verdana, sans-serif; font-size&#58; 10pt;width&#58;160px;
    padding-left&#58; 4px; padding-bottom&#58; 4px;   padding-top&#58; 4px;margin&#58; 0px auto;border&#58;solid 1px #BFFBCE;
      &#125;
    
    #menu1 a&#58;hover &#123;background-color&#58;powderblue;
    background-image&#58;url&#40;images/back_button_b.jpg&#41;;
     color&#58; black; text-decoration&#58;none ;font-family&#58;verdana, sans-serif; font-size&#58; 10pt;width&#58;160px;
    padding-left&#58; 4px; padding-bottom&#58; 4px;   padding-top&#58; 4px;margin&#58; 0px auto;border&#58;solid 1px #BFFBCE;
    
    &#125;
    
    
    /* allgemeine links */
    
    a&#58;link&#123; color&#58; black; text-decoration&#58;underline; ;font-family&#58; verdana; font-size&#58; 10pt;border&#58;solid 1px black;padding&#58;1px &#125;
    
    a&#58;visited&#123;color&#58; black;text-decoration&#58;underline;font-family&#58; verdana; font-size&#58; 10pt;border&#58;solid 1px #89a9b8;padding&#58;1px &#125;
    
    a&#58;active&#123; color&#58;black;text-decoration&#58;underline;font-family&#58; verdana; font-size&#58; 10pt;border&#58;solid 1px #89a9b8;padding&#58;1px  &#125;
    
    a&#58;hover&#123; color&#58; #808080;background-color&#58;white;  text-decoration&#58;none;font-family&#58; verdana; font-size&#58; 10pt;border&#58;solid
    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
    Forum Guru
    Registriert seit
    13.01.2005
    Ort
    Schweiz
    Beiträge
    5.240
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    benutz anstatt <div align="center"> <table align="center">
    dann anstatt bgcolor: style="background-color: #FFFFF;" und anstatt "black" den hex. code.

    input boxen formatiert man nicht mit size="" sondern mit css (wie alles andere auch halt). füg das in dein stylesheet ein:

    Code:
    input
    &#123;
    width&#58; 100px;
    height&#58; 15px;
    color&#58; #FFFFFF;
    &#125;
    lies mal noch: http://www.forum-hilfe.de/viewtopic.php?t=7407
    so long - phore

  3. #3
    Gast

    Standard

    thx

Ähnliche Themen

  1. warum wird mein menü in opera ie usw. nicht angezeigt?
    Von gelöschter User im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.04.2007, 08:38
  2. halbtransparentes png im FF 2.0 falsch angezeigt
    Von FaFoo im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 17.11.2006, 21:39
  3. Layout wird im FF falsch dargestellt, im IE richtig
    Von Frodo im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 12.03.2006, 11:42
  4. Tabellen Layout: IE richtig, FF falsch
    Von Christian B im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 10.03.2006, 19:04
  5. OPERA... alles OK... ABER....
    Von Unwissender im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.01.2005, 15:35

Stichworte

Berechtigungen

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