Brizer: IE Anzeige fehler (<div>)

SELF-Forum

IE Anzeige fehler (<div>)

Brizer
– Informationen zu den Bewertungsregeln

Hallo helfende Hand ;)

ich bin grad ein wenig am verzweifeln ich bau ein design was im Firefox recht ordentlich funktioniert doch leider im IE einen fehler aufweisst der naja ziemlich störend ist hab mal screens gemacht um euch zu zeigen was ich meine. Es entsteht eine rote linie bzw schwarze linie die nicht dort hingehört und ich kann mir halt nicht erklären woher sie kommt.

vllt ist ja jemand so lieb und schaut mal über den code.
fehlerbild

  
<html>  
<head>  
</head>  
<style type="text/css">  
  
  body { }  
  #tab1 { position:absolute; top:10px; left:10%; z-index:1; border-style:none #000000 0px;}  
  #tab2 { position:absolute; top:10px; left:10%; z-index:2; border-style:none #000000 0px;}  
  
</style>  
<body>  
 <div id="tab1">  
  <table width="780" cellpadding="0" cellspacing="0">  
   <tr>  
    <td colspan="2" background="images/briz/briz2_bgleft.jpg">  
     </td>  
    <td background="images/briz/briz2_bgleft.jpg">  
     </td>  
   </tr>  
   <tr>  
    <td background="images/briz/briz2_bgleft.jpg" width="150"height="204">  
     </td>  
    <td background="images/briz/briz2_bgleft.jpg" width="581"height="204">  
     </td>  
    <td background="images/briz/briz2_bgright.jpg" width="49"height="204">  
     </td>  
   </tr>  
   <tr>  
    <td background="images/briz/briz2_bgleft.jpg" width="150"height="204">  
     </td>  
    <td background="images/briz/briz2_bgmitte.jpg">  
     </td >  
    <td background="images/briz/briz2_bgright.jpg" width="49" height="5">  
     </td>  
   </tr>  
  </table>  
  <table width="780" cellpadding="0" cellspacing="0">  
   <tr>  
    <td>  
     </td>  
    <td background="images/briz/briz2_11.jpg" width="780"height="70">  
     </td>  
    <td>  
     </td>  
   </tr>  
  </table>  
 </div>  
  
 <div id="tab2">  
  <table  width="780" cellpadding="0" cellspacing="0">  
   <tr>  
    <td background="images/briz/briz2_01.jpg" colspan="2" width="731" height="117">  
     </td>  
    <td background="images/briz/briz2_02.jpg"width="49" height="117">  
     </td>  
   </tr>  
   <tr>  
    <td background="images/briz/briz2_03.jpg" rowspan="2" width="150" height="204">  
     </td>  
    <td background="images/briz/briz2_04.jpg" width="581"height="204">  
     </td>  
    <td background="images/briz/briz2_05.jpg" rowspan="2" width="49" height="204">  
     </td>  
   </tr>  
   <tr>  
    <td background="images/briz/briz2_bgleft.jpg">  
     </td>  
   </tr>  
  </table>  
 </div>  
</body>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE Anzeige fehler (<div>)

    Brizer
    – Informationen zu den Bewertungsregeln

    achso hab den link zur seite vergessen sry
    Seitenfehler

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. IE Anzeige fehler (<div>)

    Vinzenz Mai
    – Informationen zu den Bewertungsregeln

    Hallo,

    ich bin grad ein wenig am verzweifeln ich bau ein design was im Firefox recht ordentlich funktioniert doch leider im IE einen fehler aufweisst der naja ziemlich störend ist hab mal screens gemacht um euch zu zeigen was ich meine.

    der wichtigste erste Schritt wäre es, den Quirks-Modus zu vermeiden. Dazu benötigst Du ein <http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=entsprechendes Grundgerüst>, weil viele Browser sonst über den http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch@title=Doctype-Switch in den http://de.selfhtml.org/css/formate/box_modell.htm#browser@title=Quirks-Modus oder auch "fröhliches-Raten-was-der-Seitenersteller-vielleicht-gewollt-haben-könnte-und-im-IE-etwa-passt-Modus" genannt.

    Ein paar Auswirkungen kannst Du z.B. in folgenden Postings sehen:
    https://forum.selfhtml.org/?t=176414&m=1160738 und die Screenshots unter https://forum.selfhtml.org/?t=176414&m=1160743 (Safari 3.1 und Opera 9.52 verhalten sich analog zu Firefox).

    vllt ist ja jemand so lieb und schaut mal über den code.
    fehlerbild

    <html>
    <head>
    </head>

      
Vielleicht sieht es ja dann auch im IE so aus, wie Du es gerne hättest. Noch schöner wäre es, wenn Du auf die Tabellenkonstruktion, in div-Elemente eingebettet, verzichten könntest. Das wäre Schritt Zwei.  
  
  
Freundliche Grüße  
  
Vinzenz
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. IE Anzeige fehler (<div>)

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Brizer:

    ich bin grad ein wenig am verzweifeln ich bau ein design was im Firefox recht ordentlich funktioniert

    Du redest vom 3er?

    doch leider im IE einen fehler aufweisst

    2er identisch wie IE.

    Es entsteht eine rote linie bzw schwarze linie die nicht dort hingehört und ich kann mir halt nicht erklären woher sie kommt.

    Dein Hintergrundbild ist zu klein und wird wiederholt: 'no-repeat' ist Ausgangswert für 'background-repeat'. [CSS2 §14.2.1]

    vllt ist ja jemand so lieb und schaut mal über den code.

    Lieber nicht. Du missbrauchst 'table' zum Layouten, du verwendest missbilligte HTML-Attribute. Du zerstückelst Grafiken in Schnipsel, um sie wieder zusammenzufügen.

    Mache dich mit http://de.selfhtml.org/css/index.htm@title=CSS vertraut

    Live long and prosper,
    Gunnar

    --
    Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln