Netscape CSS und Center ??

[Jens Menke]

Hi..
Gibts eigentlich ne FAQ oder sowas wie Netscape in Verbindung mit CSS uns Zentrieren funktioniert ?
Da kommen bei mir immer die seltsamsten Sachen raus..
Tabellen lassen sich z.B. nicht mehr auf der Seite zentrieren
wenn in der Tabelle eine Zelle mit ner Zentrierten CSS-Class definiert wurde...
Oder man kann ne Class mit

text-align : center;
color:#F7DFD0;  
width : 90%;

deklarieren.. liegt aber am linken Rand solange man nicht
noch via
background : url(.);
ein Hintergrund-image angibt..

irgendwie alles reines Try and Error bisher für mich..

Ist das wirklich alles so dem Zufall überlassen bei Netscape
oder gibts da auch sinnvolle Erklärungen für ??

danke
Jens

[Calocybe]

Hi..

Da kommen bei mir immer die seltsamsten Sachen raus..

Ja, ja, das ist so ein Problem mit Netsi. Aber auch Du wirst keine Loesung dafuer finden! *g*

Tabellen lassen sich z.B. nicht mehr auf der Seite zentrieren
wenn in der Tabelle eine Zelle mit ner Zentrierten CSS-Class definiert wurde...

Bei mir ist es meist gerade umgekehrt. Sobald ich das ein Tabelle zentriere (egal ob mit <CENTER> oder mit STYLE="text-align:center;") vergisst er einen Teil der CSS-Angaben innerhalb der Tabelle.

Oder man kann ne Class mit
text-align : center;
color:#F7DFD0;  
width : 90%;

deklarieren.. liegt aber am linken Rand solange man nicht
noch via
background : url(.);
ein Hintergrund-image angibt..

Falls Du das auf eine DIV beziehst: Mit einer STYLE="border:solid 1px;" oder sowas ist das Ding auch ploetzlich zentriert, vorher nicht.

irgendwie alles reines Try and Error bisher für mich..

Fuer mich auch.

Ist das wirklich alles so dem Zufall überlassen bei Netscape
oder gibts da auch sinnvolle Erklärungen für ??

Ach, da gibt's sicherlich eine Erklaerung, irgendwo in den Tiefen des Sourcecodes der Netscape-Render-Engine. Aber eine fuer Dich brauchbare kenne ich nicht.

Sorry, hoffe ich hab Dich jetzt nicht depressiv gemacht,
Calocybe

[Jens Menke]

Sorry, hoffe ich hab Dich jetzt nicht depressiv gemacht,
Calocybe

Nö.. bin ich eh schon.. neeee.. im Ernst.. mein
Workaround zur Zeit sieht ungefähr folgendermassen aus..

<style>
.Text00 {
   background : url(../images/bg.jpg);
   text-align : center;
   color:#000000;  
   width : 90%;
</style>

<div align="center">
<div class="Text00">
<table>
   etc.....

naja.. irgendwie nicht schön.. aber damit kann man
e halbwegs in den griff bekommen.. aber irgendwie nicht seh elegant das ganze.. *g*
Für bessere Tips wäre ich immer aufgeschlossen.. :)

gruss
Jens

[Thomas J.S.]

Hallo Jens!

irgendwie alles reines Try and Error bisher für mich..

Meistens ist es das bei Netscape, nicht nur für dich. ;-)

Mal davon abgesehen, daß der NS bei Tabellen extrem hinfällig ist was CSS angeht;
Bei block-level elementen wie <table> etc. sollte eigentlich 'text-align' auch nicht wirklich funtionieren, da eine <table> <td> eben kein Text ist. (außerdem diese kannst du ja mit z.B. <td align="center"> ausrichten. Innerhalb diese Elemente kannst du den Text mit 'text-align' zentrieren.

Du kannst für NS auch einfach 'align:center'
angeben.

div.table { align:center; }

<div class="table">
<table>...</table>
</div>

oder du kannst mit margins arbeiten.
so in etwa könnte es gehen:
<div style="margin-left:5%; margin-right:5%; padding:0px; width:90%;">
<table width="100%">...</table>
</div>

Grüße
Thomas

[Jens Menke]

Du kannst für NS auch einfach 'align:center'
angeben.

Danke
das scheint halbwegs zu funktionieren.. meine Ultimativen
Tabellen-Center-Tags (scheinen sowohl mit IE wie Netscape zu funzen ) sehen nu so aus :

.Tab90 {
    text-align  : center;
    align       : center;      
    width       : 95%;  
    margin-left : 5%;  
}

.Tab80 {
    text-align  : center;
    align       : center;      
    width       : 90%;  
    margin-left : 10%;  
}

Lustig finde ich nur das die %-Angaben für width mal
wieder nicht stimmen.. margin-left ist ok.. aber width
scheinen sich aus 100 - margin-left zu ergeben.. lol

[Thomas J.S.]

Hallo Jens!

Lustig finde ich nur das die %-Angaben für width mal wieder nicht stimmen.. margin-left ist ok.. aber width scheinen sich aus 100 - margin-left zu ergeben.. lol

»»

So abwägig ist es ja nicht; denn

10%   80% &nbsp 10%

magin-left:10%; + width:80%; +margin-right:10%;
ergeben 100%

Wenn du noch padding und border-width auch verwendest, müsstes du diese auch aus dem width abziehen:
margin-lborderpaddingwidthpaddingbordermargin-r

Grüße
Thomas

[Jens Menke]

10%   80%   10%

magin-left:10%; + width:80%; +margin-right:10%;
ergeben 100%

Wenn du noch padding und border-width auch verwendest, müsstes du diese auch aus dem width abziehen:
margin-lborderpaddingwidthpaddingbordermargin-r

Nee.. es ist ja anscheinend eher so das
margin-right:10% + width :90%  im endeffekt am
ehesten nem 10 80 10 entsprechend..
es scheinen also wohl erst die 90% von links aus genommen
werden.. und von diesen 90% denn 10% als linker Rand...

Naja.. wie auch immer.. mit der Formel Left + Width =100%
klappts mit NS und IE am besten bisher..

gruss
Jens