opi: Image horizontal und vertical zentrieren

Hallo,

auf meiner Homepage versuche ich ein Image horizontal und vertical
zu zentrieren. Das Image ändert sich bei Mouseover.

Im Archiv habe ich einen Thread dazu gefunden

http://forum.de.selfhtml.org/archiv/2004/10/t91744/#m552280

der auf dieses Beispiel verweist

http://skop.net/self/zentriertes_div.html

Nun habe ich die Seite mit den Browsern Firefox, Opera und IE
getestet und leider klappt es nicht im IE. Der Link wird nicht
angezeigt. Ich möchte aber nicht so schnell aufgeben und zu einer
Tabelle verfallen.

Hier die Links.

http://www.bloonix.de/
http://www.bloonix.de/css/bloonix.css

Zudem ist mir aufgefallen, dass wenn ich versuche, Tabellen wirklich
nur für tabellarische Daten einzusetzen, alles zu einer großen
DIV-Flut ausartet. Ist das nicht viel schlimmer?

Greez,
opi

--
Selfcode: ie:( fl:( br:^ va:) ls:] fo:) rl:( n4:? ss:| de:] ch:? mo:|
  1. Hallo opi

    der auf dieses Beispiel verweist

    http://skop.net/self/zentriertes_div.html

    Da gibt es noch mehr dazu, z.B.:
    http://d-graff.de/selfhtml/center1.html oder
    http://d-graff.de/fricca/center.html

    http://www.bloonix.de/

    Das ist doch eine Tabelle!

    Soll es genau so aussehen?
    (ohne CSS ist es eine komplett weiße Seite)

    Du könntest den gesamten mittleren Bereich als Link verwenden, und das
    Hintergrundbild zentrieren.
    .index5 { width: 34%; height: 34%; background-color: #ff0; border: 2px solid #fff;}
    .index5 a {width: 100%; height:100%; display:block; background: #ff0 url(/img/bloonix.gif) no-repeat center center;}
    .index5 a:hover {background-image:url(/img/eintreten.gif); }

    Zudem ist mir aufgefallen, dass wenn ich versuche, Tabellen wirklich
    nur für tabellarische Daten einzusetzen, alles zu einer großen
    DIV-Flut ausartet. Ist das nicht viel schlimmer?

    Es ist nicht besser!
    Wenn du natürlich in Tabellen denkst, ein Layout als Tabellenlayout
    entwickelst und dann einfach alle Tabellenzellen durch Divs ersetzt, kommt
    ganau das dabei heraus.

    CSS-Layouts erfordern eine andere Herangehensweise.
    http://forum.de.selfhtml.org/archiv/2004/12/t95859/#m582401
    http://forum.de.selfhtml.org/archiv/2004/4/t78963/#m457213

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!