Zum Inhalt springen

Browserdarstellung

Erstellt am 6. Juli 2006 · 13 Antworten · letzte Antwort am 7. Juli 2006

Tags: Frage

hfph ·

ich hab meine Seite mit FireFox gebastelt, und die sieht so aus, wie sie sollte. Aber der IE macht aus der untersten Zeile, letzte Spalte rechts, was er will: Jede Seite wird hier anders dargestellt. Kann das was mit meinem Content-wrap zu tun haben - oder liegt der Fehler vielleicht im CSS? Oder doch im HTML-Template?
Der Fehler betrifft konkret, dass der IE Farbdarstellungen und die absolut definierte Weite in einem <td> Tag ignoriert.

Kostprobe? http://friseusenelektro.de/index.php?id=9
(dumme URL; ja, aber nur vorübergehend)

Die verschiedenen Menüeinträge liefern verschiedene Darstellungen rechts, obwohl sie alle den gleichen, nämlich keinen Content haben.)

Danke euch #paralyzed#

Honk88 ·

also so ganz versteht man nicht was
du meinst

wenn du das problem ansprichts, dass dein
content keine mindestbreite hat und deshalb
mal ein breiterer mal ein schmalerer
leerer contentbereich angezeigt wird, dann
wie gesagt min-width ins css einbauen, ...

nur dieses Problem haben sowohl FF als auch
IE, kann also sein ich rede an deiner Frage
vorbei.

Wenn dem so ist bitte nochmal genauer beschreiben
was du meinst und IE version mal bitte angeben

LG
Honk

hfph ·

Danke zunächst.

Hast du mal den Link ausprobiert? FF zeigt mir alles so an, wie ich es wollte. Der IE stellt jedoch die Zelle ganz unten rechts so dar, wie er scheinbar gerade will - und zwar jede Unterseite verschieden (Menü vielleicht mal durchkilcken; nur eine Seite ist so, wie im FF).

(Das ist auch nicht das einzige, worin sich die beiden Browser unterscheiden: der IE ignoriert auch Aufrufe wie <td style="padding:10px"> aber das ist für mich jetzt eher zweitrangig.)

😉

Honk88 ·

so hab mich nochmal durchgeklickt 😃
aber ich kann wirklich keinerlei
unteschied festellen.

mal abgesehen davon das IE immer ne scrollbar hat
und FF nur wenns nötig ist 😉

IE version 6.0.2900... hier

mach mal bitte screenshot von deinem prob

LG
Honk

hfph ·

kannst du mir bitte nen Tip geben, wie ich den Screenshot einbinde - ich bin heute wirklich für alles zu "Brett vorm Kopf"

hfph ·

ich merke gerade, dass tatsächlich in beiden Versionen mehr Fehler auftreten, als ich bislang gefunden habe - nur im IE mehr. Jetzt versteh ich überhaupt nichts mehr. Wieso werden (egal ob FF oder IE) Seiten verschieden dargestellt, die beide keinen Content haben, dasselbe Template verwenden und vom Root gleich weit entfernt sind? #angry#

Honk88 ·

screenshot posten

hier hochladen :
http://www.imageshack.us/

dann den generierten link für Foren
[IMG .....

hier einfügen

zum content und seiner hüpfbreite
pack den marker ###CONTENT### im html-template
mal in ein div

<div id="content">
###CONTENT###
</div>

dann kannst du dem im css eine min-width verpassen

hfph ·

das mit den Screenshots lass ich aus, ich hab den FE-Cache gelöscht und jetzt sieht es bei FF und IE schon gleichmäßig aus.

Der FF stellt jetzt alles so dar, wie er sollte.

Der IE allerdings noch immer die Spalte zu breit, ich bin mir nicht sicher, ob mir min-width da hilft. Der Code von unserer HTML-Künstlerin gekürzt so aus:

    <td bgcolor="#CCCCE0" align="right" valign="top"><table width="170" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td colspan="3" bgcolor="#000000"><img src="dot.gif" alt="" /></td>
        </tr>
        <tr> 
          <td rowspan="4" bgcolor="#000000" width="1" height="20"><img src="dot.gif" alt="" /></td>
          <td bgcolor="7F7FB2">  <strong>Login</strong></td>
          <td rowspan="4" bgcolor="#000000" width="1"><img src="dot.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr> 
          <td bgcolor="#000000"><img src="dot.gif" alt="" /></td>
        </tr>
        <tr> 
          <td style="padding:10px;line-height:130%">
<!-- ###LOGGEN_O### -->

<!-- ###LOGGEN_O### -->
</td>
        </tr>
        <tr> 
          <td><div align="right"><br /><br />
<!-- ###LOGGEN_U### -->

<!-- ###LOGGEN_U### -->
</td>
        </tr>
        <tr> 
          <td colspan="3" bgcolor="#000000"><img src="dot.gif" width="1" height="1" alt="" /></td>
        </tr>
      </table>
      <br />
      <table width="170" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td colspan="4" bgcolor="#000000"><img src="dot.gif" alt="" /></td>
        </tr>
        <tr> 
          <td rowspan="4" bgcolor="#000000" width="1" height="20"><img src="dot.gif" alt="" /></td>
          <td colspan="2" bgcolor="7F7FB2">  <strong>
<!-- ###SUB2TITEL### -->
Schwarzes Brett
<!-- ###SUB2TITEL### -->
</strong></td>
          <td rowspan="4" bgcolor="#000000" width="1"><img src="dot.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr> 
          <td colspan="2" bgcolor="#000000"><img src="dot.gif" alt="" /></td>
        </tr>
        <tr> 
          <td colspan="2"></td>
        </tr>
        <tr> 
          <td align="left" valign="top" width="10">  </td>
          <td align="left" valign="top">

<!-- ###KL_BRETT### -->
            Raumänderung   
<!-- ###KL_BRETT### -->

           </td>
        </tr>
        <tr> 
          <td colspan="4" bgcolor="#000000"><img src="dot.gif" width="1" height="1" alt="" /></td>
        </tr>
      </table> </td>

warum nimmt FF die Anweisung des ersten <td>, der IE nicht? glaubst du, dass ID und min-width wirklich helfen. Ich hab's bislangerfolglos probiert...

thnx

Honk88 ·

min-width hilft aber

BEACHTE : IE verarbeitet den css-Befehl nicht
deshalb

erst Vereinbarungen in
#content {
....
width: 450px;
...
}

und dann zusätzlich
/*umgehen des IE fehlers, kenn kein min-width*/

html>body #content { width: auto;
min-width: 450px;
}

und zum code: ein paar sinnvoll aufgeteilte divs
würde da echt mal sinn machen, dann bist du
schonmal die ganzen col/row-span fehlerquellen
los

LG
Honk

hfph ·

ja - und dann doch nicht. erst hats geklappt, mit dem größeren Wert von dir. Dann hab ich meinen Wert eingetragen, da die Zelle ja zu breit angezeigt wird. In der HTM steht jetzt

<td bgcolor="#CCCCE0" align="right" valign="top" id="rechtesmenu">

und in der CSS

#rechtesmenu  {width: 170px;}
html>body #rechtesmenu { width: auto;min-width: 170px;      }

aber er stellt die Sachen genauso dar wie zuvor.

Honk88 ·

das du das ganze auch auf den
contentberecih angewandt ?

und dem menu rechts solltest du
dem probelm anch eher ne max-width
verpassen 😃

und tu uns beiden mal einen gefallen
und lös diese ich mach nen table auf
da pack ich dann lustig tr und tds rein
und da noch nen unter tr oder td ....

und dann versuch ich nen überblick zu behalten
was für col/raw-sapns ich brauche
da steckt auch irgendwo noch ne
fehler srin hab ich so im urin, aber
ich finds einfach nicht #angry#

also content und rechtsmenu je in ein div
und auf spans zwischen en deinen scheißen

Honk88 ·

warst doch schon fast fertig

nur halt noch div vom content zu bevor
div vom rechtsmenü auf

beide mit
top:
left: im css positionieren und
fertig , sah gerade schon fast
fertig aus