nicht angemeldet
Hallo Claudia!
Ich habe "im Hintergrund" gewerkelt, deshalb dieses Posting von dir nicht gelesen und so meines weiter oben abgeschickt.
Der relevante Teil der *.css sieht so aus:
______________
div
{
»» border-style:none;
»» width:800px;
»» align:center;
»» background-image:url(../wald/wald.gif);
}
table,td
{
»» border:0;
}
_______________________
Was zur Folge hat, dass
- IE die Tabelle 80% breit darstellt, allerdings nicht zentriert
- NS zwar 80% darstellt und zentriert,
Stop, Stop. Es mag sein, daß 800px bei dir als 80% erscheint, deshalb ist es aber noch lange nicht 80% bei jedem Besucher deiner Seiten so.
Also: der folgende Code macht:
IE5 und NS(4.6) habe die Tabelle auf 80% und im Bild zentriert;
Hintergrundbild vorhanden;
Schriftart ist überall gleich;
Der IE4 hat allerdings große Probleme, mit dem Code stellt er zumindest allesdar, wenn auch nicht geanz zentriert (das kommt daher, daß der IE4 scheint die im erstend Block definieren 80% zu nehmen und in dem Block zentriert er dann die Tabelle.
Versuche einzelne Angaben auskommentieren; dann wirst du Paar nette Überraschungen erleben.
.fuertabelle {
width:80%;
border:none;
align:center;
background-image:url(grau.gif);
}
@media screen {
.fuertabelle {
width:100%;
text-align:center;
background:none;
}
.fuertabelle table {
background-image:url(grau.gif);
width:80%;
text-align:center; /*muss fuer den IE4 angegeben werden */
}
td {
text-align:left;
/* muss angegeben werden, wegen text-aling:center; fuer Tabelle
die wiederum fuer den IE4 noetig ist */
}
}
body, table div, td, p {
font-family:Verdana,Arial,Helvetica;
color:blue;
/* bei einer Angabe von Schriftgröße anders als 12pt; verleiert die Tabelle im IE4 das Hintergrunfbild */
}
-->
</style>
<div class="fuertabelle">
<table width="100%">
.....
</table>
</div>
Man ist hier mit reinen HTML noch immer wesentlich besser dran.
Grüße
Thomas