CSS Positionierung rechts im DIV overflow:hidden

[fd0311]

Hab für meine virtuelle Stadt, on-city.com, eine vergrößerbare Karte geplant...

Hab mir dann auch mal als Test was mit JavaScript und CSS zusammengebaut...
Das Vergrößern ansich funktioniert ganz gut glaub ich... (IE7, FiFo, Opera)

=> link entfernt


Das Problem: Die Positionierung!

Die Karte ist eine Tabelle die in einem Div-Tag mit overflow:hidden ist.
Auf der Seite befindet sich die Karte meistens oben rechts. Das Stadtzentrum soll (in der Testseite) immer in der Mitte sein... Somit müssen die weiteren Orte auf der Karte Links dazu kommen... und die ganze Tabelle rechts im div positioniert werden, was ich mit float:right hinbekommen hab...
Doch! - Leider macht nur der FireFox das richtig!

Habt ihr ne Ahnung wie ich es in den anderen Browsern noch richtig hinbekommen kann?


Gruß fd

[fd0311]

kann mir denn keiner helfen?

[undefined]

<table cellpadding="0" cellspacing="0" style="position:absolute;right:0;top:0;">

Du solltest aber Deinem Dokument einen doctype verpassen und zwar einen, der den Broser in standardkonformen Modus versetzt. Dann mußt Du sowohl JS als auch CSS noch anpassen (Einheitenvergabe bei Positionierung und Dimensionierung)!

[fd0311]

danke für deine antwort! funktioniert, freut mich

ähm ja für dieses doctype muss ich mir irgendwann mal zeit nehmen...

[dkdenz]

ähm ja für dieses doctype muss ich mir irgendwann mal zeit nehmen...

Für einen "Webdesigner" sollte das allerdings zum Grundwissen gehören!
-- LANtastic :: Artikel -- DTD - Document Type Declaration - Das richtige Doctype