Overflow:hidden und anker im div

loh · 05.03.2005, 13:56

Hallo,
folgendes Problem:
Meine Anker wollen nicht funzen!
In Firefox funktioniert es einwandfrei –
der IE zerhaut dann die ganze Seite,
indem er sie komplett verschiebt und
nicht in dem DIV an die gewollte stelle springt.
Über jede Hilfe wäre ich sehr dankbar!
-->ein Anker liegt auf workshop, einer auf retreat
Link zur Seite:http://www.franziskaloh.de/ende/html....html#workshop

Boris · 05.03.2005, 14:33

Wieso eigentlich nicht overflow: auto?

loh · 05.03.2005, 14:35

Ja von mir aus auch auto – aber das löst das Problem nicht, oder?

Boris · 05.03.2005, 14:55

Hast Du es versucht?

loh · 05.03.2005, 15:03

Ja–ich hatte auch schon auto drinne.

mein css:
im body habe ich hidden und
im #main auto

body {
background: #cccccc;
margin: 0 px;
padding: 0 px;
spacing: 0px;
width: 100%;
height 100%;
overflow: hidden;
font-family: "Verdana", "helvetica", sans-serif;
color: #000000;
text-align: center;
font-size: 11px;
font-weight: lighter;

}

#main {
margin: 0 px;
border: 0 px;
padding: 0 px;
top: 200px;
left:180px;
background-color: transparent;
position: absolute;
overflow: auto;
width: 620px;
height: 400px;
z-index:4;
}

Boris · 05.03.2005, 15:12

Gibt es einen Grund, wieso Du #main absolut positionierst?

Im übrigen ist es keine gute Idee, dem BODY seine Scrollbalken einfach abzuschalten.

DIVs haben auch automatisch eine transparente Hintergrundfarbe, das background-color: tranparent ist unnötig.

Wenn Du Angaben abschalten willst, schreib padding: 0; ... ohne Einheit. Bei border muss es nicht 0 sonder none heißen.

Die linke Navigation ist für Screenreader nicht lesbar, weil Du keine ALT oder TITLE-Tags benutzt. Mach sie besser mit einer UL-Liste und Deinen Bildern im Hintergrund.

loh · 05.03.2005, 15:27

Ok–danke ersteinmal!
Ich weiß, die scrollbalken sollte man eigentlich dalassen, aber das
würde ganzschön blöde aussehen mit 2 scrollbalken!
#main kann ich auch genauso gut relativ setzten. -->richtig
das Problem mit den ankern besteht nur leider immer noch

Boris · 05.03.2005, 15:32

Nein, #main braucht man überhaupt nicht setzen. Nicht mal floaten, nichts.

Bei mir im IE6 zeigt sich Dein Problem übrigens überhaupt nicht. Es funktioniert tadellos und zerhaut nichts.

Neiti · 06.03.2005, 10:38

Ich nehme an das du mit "zerhaut" meinst, dass er eine Scrollbar rechts
macht im Gegensatz zu Opera bzw. Firefoxum das zu verhindern reicht bei mir
schon

position: absolute;

in der body-Klasse deines css einzufügen