Nur Ärger mit dem IE

freaked

Ma ich werd wahnsinnig.
Der IE ist so ein Müllhaufen und macht immer sein eigenes Ding...

2 massiv störende Probleme hab ich, ersteres (getestet mit IE7-9):

- Meine Menüleiste, bzw. der footer befindet sich im gegensatz zum Firefox ab 3, Opera ab 8.54 nicht immer unten wo er included wird durch PHP, sondern liegt im IE genau in der Seitenmitte (WP 7.5) und überdeckt meinen Text, im IE9 am Desktop immer genau unterm letzten Stück Text, aber nicht fixiert am Seitenende.

Test-URL: http://retrospace.net/index.php

Code

<table cellpadding="0" style="border-collapse:collapse;background-repeat:repeat;position:fixed;left:0px;bottom:0px;z-index:1" width="100%" height="25" background="/images/i_topbar_2.png">
	<tr>
		<td style="text-align:center">
		<a href="/index.php"><img src="/images/start_start_start.png" border="0"></a><a href="/start_start_info.php"><img src="/images/start_start_info.png" border="0"></a><a href="/sqlgb/index.php"><img src="/images/start_start_gaestebuch.png" border="0"></a>		
		</td>
	</tr>
</table>

Zweites Problem:

text-algin right, algin="right", usw. werden einfach in manchen Zellen ignoriert, in manchen nicht, obwohl der Code 1:1 der selbe ist - warum?

Die Quellenangabe ist z.B. rechts, die anderen Zellen drüber nicht.

Test-URL: http://retrospace.net/infoseiten/index.php

Code

<table align="center" cellpadding="0" style="border-collapse:collapse;width:760px;" width="760px" cellspacing="0"  border="0">
        <tr>
                <td width="660" style="width:660px; height:16px; text-align:left;" bgcolor="#1B6ECC" class="sonstigertext" align="left"><font size=1>&nbsp;Titel</font></td>
                <td width="100" style="width:100px; height:16px; text-align:right;" bgcolor="#1B6ECC" class="sonstigertext" align="right"><p align="right"><font size=1>Kategorie&nbsp;</font></p></td>
        </tr>


        <tr>
                <td width="660" style="width:660px; height:16px;text-align:left;" bgcolor="#1B6ECC" class="sonstigertext" align="left"><b>&nbsp;<?=$titel?></b></td>
                <td width="100" style="width:100px; height:16px;text-align:right;" bgcolor="#1B6ECC" class="sonstigertext" align="right"><p align="right"><b><i><?=$categorie?></i></b>&nbsp;</p></td>
        </tr>
        <tr>
                <td colspan="2" style="width:760px;"><?=$text?></td>
        </tr>
        <tr>
                <td width="560" style="width:560px; height:16px" bgcolor="#1B6ECC" class="sonstigertext" align="left"><font size=1>&nbsp;<?=$ipbrowser?></font></td>
                <td width="200" style="width:200px; height:16px; text-align:right;" bgcolor="#1B6ECC" class="sonstigertext" align="right"><font size="1">ID <?=$id?> - <?=$username?>, <?=$datum?>&nbsp;</font></td>
        </tr>
        <tr>
                <td style="width:480px; height:16px" bgcolor="#1B6ECC" class="sonstigertext" align="left"><font size="1">&nbsp;Permalink: <a href="http://www.retrospace.net/infoseiten/index.php?id=<?=$id?>" target="_blank"><font size="1" color="#FFFFFF">http://www.retrospace.net/infoseiten/index.php?id=<?=$id?></font></a></font></td>
      			<td style="width:280px; height:16px" bgcolor="#1B6ECC" class="sonstigertext" align="right"><font size="1">Quelle: <a href="<?=$quelle?>" target="_blank"><font size="1" color="#FFFFFF"><?=$quelle?></font></a></font>&nbsp;
</td>
</tr>      
</table>

Alles anzeigen

Komischerweise das table-border=0 hat die Lösung im IE am WP gebracht, dort ist der Text jetzt wirklich rechts, aber am Desktop-IE keine Änderung. das p align=right, es macht keinen Unterschied ob es dabei steht oder nicht.

Ich weiß echt nimmer, was ich falsch gemacht hab. Die php-echos geben nur reinen Text aus. So sollte es aussehen, bzw. so siehts im Opera+FFX auch aus:

mrshadowtux

Du missbrauchst im Jahr 2012 nicht ernsthaft noch Tabellen fürs Layout? oO

Dafür gibt es DIVs.

freaked

dafür kommen älter ebrowser nicht damit zurecht, wo ist dein problem, wenns funzt, dann funzt es

du missbrauchst auch im jahre 2012 noch nen pentium 3 und irgendwelche sun kisten, prangert dich dafür wer an?

anstatt mir hier am arsch zu gehen, hilf lieber ehrlich
es nervt immer diese blabla

**winfreak**

Gibt es überhaupt position: fixed; ? Wenn, dann: position: absolute;

Und ich glaube damit kommen IEs generell nicht zurecht.

niwax

Zu deinem ersten Problem: Die untere Tabelle ist position:fixed, das sich an der Seite ausrichtet, die eben nur so lang ist wie der Text. Mit position:absolute gehts aber, das verwendet wie der Name schon sagt absolute Koordinaten.

Beim zweiten: Ich würde die Tabelle einfach durch ein

Code

<span style="display:inline-block; width:660px;">Titel</span><span style="display:inline-block; width:100px; align: right;">Kategorie</span>

ersetzen. Das Tabellenlayout hat den Nachteil, dass der Browser die Größe der Zellen quasi beliebig ändern darf, wenn das nicht exakt in die Tabelle passt.

mrshadowtux

freaked, das war nicht böse gemeint oder so. Tabellen waren halt damals in den 90ern eine Notlösung, als es noch kein CSS im heutigen Maße gab. Aber heute macht man sowas eigentlich nicht mehr, das Web entwickelt sich halt weiter. In 10 Jahren wird man das wahrscheinlich wieder anders machen und über die Leute lachen, die dafür divs genommen haben.

position: fixed; gibt es. Im Gegensatz zu position: absolute; bleibt bei fixed der Inhalt immer an der Stelle stehen. Auch wenn man scrollt, in diesem Falle scrollt er mit.

Der IE hält sich seit der 9er Version eigentlich prima an Webstandards, wüsste ab Version 9 nicht mehr viel zu beanstanden. Zum konkreten Problem weiß ich spontan auch nicht, woran es liegt.

freaked

gut bei position absolute wird die leiste unten platziert und passend zur fenstergröße ausgelegt.
ist der text einer seite jedoch länger und man müsste scrollen wird eben dies ignoriert, bei fixed passt es im ffx und opera, da kommt die nach dem text.

niwax

Andere Möglichkeit: mit html { min-height: 100%; } kannst den Browser zwingen unabhängig vom Text die Seite immer bis unten zu füllen

**winfreak**

Zitat von niwax

Andere Möglichkeit: mit html { min-height: 100%; } kannst den Browser zwingen unabhängig vom Text die Seite immer bis unten zu füllen

Geht bei IE 7 nicht, forget it.

position: absolute;
bottom: 0px;
was bringt das?

freaked

Zitat von winfreak

position: absolute;
bottom: 0px;
was bringt das?

es is doch ein wahnsinn, dass es im jahre 2012 nicht möglich ist, etwas ohne frames unten zu behalten wo es hingehört...

**winfreak**

Weiß nicht was da das problem ist.

Mach mal am besten ne CSS rule:
html, body {
height:100%;
}

freaked

die "regel" macht keinen unterschied, obs in meinem css file steht oder nicht.
auch direkt per <style>-tag im header nicht.

**winfreak**

Zitat von freaked

die "regel" macht keinen unterschied, obs in meinem css file steht oder nicht.
auch direkt per <style>-tag im header nicht.

Schade eigentlich.
Letzer Versuch: Line-height spezifizien.

line-height: *größe deiner Grafik*px;

Und die Tabelle ebenfalls so groß machen

Dirk

IE7 kann man vergessen. unter 8 sollte man garnicht probieren mit styles zu arbeiten.

freaked

also das text-align right hab ich jetzt drauf geschissen, nutze jetzt prozentwerte für die tabellen/zellenbreite und jetzt passts, was auch immer der eierbär meint.

bleibt nur mehr die untere menüleiste, das kotzt mich schon an

PacMani

Sag mal, der dicke graue Rahmen der Website in deinem IE-Screenshot, das sieht mir nach Quirksmodus aus. Überprüf mal mit den IE-Entwicklertool, ob der mit den alten Rendering-Geschichten von Vorversionen arbeitet.
Ich hab ihn zu den IE9-Standards bewegt, indem ich einfach nur <HTML> als Start-Tag nutze.

freaked

das ist es...menno
aber im ie9 modus sehen die tabellen alle aus wie sau, border-collapse wird voll ignoriert

pacman danke danke...darauf musste man erstmal kommen
hab dem header jetzt

eingepflanzt, erzwingt den IE9 mode. alles geht *juhu*

Jetzt mitmachen!