Iexplore Probleme

[Leni]

Hallo,
ich arbeit z.z. an meiner Seite und habe seit geraumer Zeit ein Problem mit der Darstellung einer Tablle im InternetExplorer.

die Tabelle hat folgende Form

<table>
<tr>
 <td colspan=2> *Kopfzeile* </td>
</tr>

<tr>
 <td> *Navigationsmenü* </td>
 <td rowspan=2> *Hier steht  je nach
  Auswahl der Seiteninhalt* </td>
</tr>

<tr>
 <td class="HIER"> *Hier kommt eine Zelle um den       
   Hintergrund zu vervollständigen* </td>
</tr>

<tr>
 <td> *Seitenfuss* </td>
</tr>

</table>

Nun Folgendes Problem:
die Zelle 'HIER' hat eine mit CSS festgelegt Höhe, um den Hintergrund des Seitenfussen korrekt anzuzueigen.

soweit sogut, wird jedoch der Inhalt in der 'HAUPT'-Zelle zu lang, rutscht der IExplorer den 'HIER' frame nicht nach unten, sondern lässt ihn irgendwo in der Mitte stehen.

Klingt kompliziert, ist es aber nicht.
zum Vergleich

http://www.lenis.biz so ist's gedacht.
http://www.lenis.biz?go=sommer so nicht!

(nur mir IExplorer anschauen, Mozilla zeigt's korrekt an)

Hat jmd. ne Idee wie man das MS Produkt zur Zusammenarbeit überreden könnte?

background-position:bottom

funktioniert nicht.

Vielen Dank

leni

[prefix]

hi

frage 1: was hat das mit php und konsorten zu tun?
frage 2: warum hast du den thread abgebrochen?

[Leni]

Sorry hab ausversehen 'enter' gedrückt

und PHP deswegen, da der seiteninhalt dynamisch eingefügt wird.

[mike]

nur html - igitt. !

schieb.

[prefix]

danke longfang

@leni: wie schaut die css-formatierung der klasse "hier" aus und welches doctype verwendest du?

[prefix]

wo ist denn die klasse "hier" definiert - also ich find sie in deinem style-sheet nicht!!!

versuch mal folgendes:

.hier {
	background-image:url(zudeinem/bild.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

des weiteren:

- klassen bitte klein schreiben
- für klassennamen keine unterstriche verwenden
- warum verwendest du immer die schreibweise a.klasse:link???? -> klick

ausserdem hast du ein nicht valides stylesheet - z.b.

td.page_footer_cont{
width:380;
.....


380 was??? pixel?? prozent?? usw. - das buggt ja

bitte stell das auch mal richtig, denn ansonsten wirst du noch viel mehr probleme feststellen

[Leni]

td.HIER{
height:192px;
background-image:url('gfx/bg_2.gif');
}

Hab aber glaub ich eine einigermassen akzeptable Lsg gefunden. Das Problem bei 'background-position:bottom;' war, dass die Hintergrundgrafik nach links verschoben wurde, daher hab ich sie jetzt links noch nen transparenten Bereich drangeklebt.
Jetzt ist das Problem auf einen Pixel Interpretationsunterschied zw. IExpl & Moz zusammengeschrumpft.
Allerdings zeigt er jetzt meine schöne Linie nicht mehr an.

[prefix]

sorry, kann das nicht nachvollziehen!

1. ich finde in deinem stylesheet keine klasse "hier"
2. hast du gelesen, was ich oben geschrieben habe?

[Leni]

wo ist denn die klasse "hier" definiert - also ich find sie in deinem style-sheet nicht!!!

Hab die Klasse nur aus Sichtbarkeitsgründen HIER genannt. Sie heisst eigentl 'page_navi_bottom'.

versuch mal folgendes:

.hier {
	background-image:url(zudeinem/bild.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

hab ich jetzt so gemacht

des weiteren:

- klassen bitte klein schreiben
->eh klar, s.o.
- für klassennamen keine unterstriche verwenden
->warum?
- warum verwendest du immer die schreibweise a.klasse:link???? -> klick

hää? ist in dem Artikel nicht genau auf diese Möglichkeit hingewiesen links verschiedene Klassen zuzuordnen?
Wenn man mal was ändern will, hat mans leichter. Ausserdem sind die klassen jetzt schon verschieden, oder was meintest du?

ausserdem hast du ein nicht valides stylesheet - z.b.

td.page_footer_cont{
width:380;
.....


380 was??? pixel?? prozent?? usw. - das buggt ja

bitte stell das auch mal richtig, denn ansonsten wirst du noch viel mehr probleme feststellen

hoffe jetzt passts. ist ja noch ne beta

[prefix]

so, hab ja vorhin vergessen, dich mal im traum-projekt willkommen zu heißen das sein hiermit nachgeholt

ad unterstriche: dann validiert das style-sheet nicht mehr -> klick

ad klassendefinitionen: lies das mal genau durch (ist ja von mir ):

Schlussfolgerungen für die Praxis
Meiner Ansicht nach macht der Einsatz von Methode 1 für grundsätzliche Formatierungen Sinn. Dort, wo man damit nicht zum gewünschten Erfolg kommt (aufgrund differenter Anforderungen innerhalb eines xHTML-Elementes), ist der Einsatz von Methode 2 zielführend. Eine grundsätzliche Formatierung mit Methode 2 sollte aufgrund des gesteigerten Aufwandes (diese Klasse muss immer dezidiert jedem Element zugewiesen werden) kaum in Erwägung gezogen werden.

deine methode ist nicht falsch, aber doch jene, die hier mehr aufwand erfordern wird (wenn du css massiver einsetzen willst)

[Leni]

Danke für die freundliche Begrüssung, werde mich hier bestimmt wie zuhause fühlen.

ok, das mit den unterstrichen werd ich wohl ändern müssen, auch wenn dann erstmal meine schöne übersichtlichkeit verloren geht.

vielen dank für die schnelle & umfassende hilfe, ich werd mich in Zukunft bestimmt öfter hier rumtreiben.
bis bald