css+dropdowns, darstellungsprobleme

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/cssdropdowns_darstellungsprobleme_97047/page_1 - zur Vollversion wechseln!

flocky schrieb am 29.10.2003 um 00:49

hallo

ich habe in einer page ein paar bilder und dropdownmenüs und alle sind pixelgenau per css angeordnet (<div style="position:absolute;...>
es gibt allerdings einige probleme damit. im IE6 passt alles, aber in opera sind zwar die bilder überall an richtiger position, allerdings liegen die dropdowns alle UNTER den grafiken obwohl die grafiken im code ganz unten definiert sind und in IE5 (weiß nicht genau welche version der kunde verwendet hat) sind die dropdowns nicht nur unter den grafiken sondern sich auch teilweise nach rechts verschoben :confused:
kennt jemand bekannte probleme mit css und dropdowns oder is der code dazu nötig um mir vielleicht helfen zu können?

tia

Rektal schrieb am 29.10.2003 um 06:47

Ohne URL kann dir keiner helfen.

Beispiel: http://dillerpartner.at/~mfischer/p...yout/test1.html

flocky schrieb am 29.10.2003 um 11:14

die hp is eh schon online http://members.chello.at/xattax/hp/hauptseite.htm

Rektal schrieb am 29.10.2003 um 11:24

Weiterfuehrend aus dem anderen Thread ists ja fuer ein Redesign eh schon zu spaet.

Die Ueberlappung der Grafiken ueber die Boxen bekommst du ev. mit CSS z-index hin. Ein hoehere z-index Wert ist "naeher" beim Betrachter und somit eher ueber den anderen Elementen vom Browser zu zeichnen.

Wenn ich

Code:

<div style="position:absolute; top:237px; left:45px; width: 116px; height: 16px; z-index: 10;">

schreibe seh' ich die select-Boxen im Opera.

flocky schrieb am 29.10.2003 um 11:33

wunderbar! damit wäre das problem mal weitläufig gelöst danke!

wie schaut die seite jetzt bei dir aus? habs neu upgeloadet, ahja und welchen browser verwendest du?

Rektal schrieb am 29.10.2003 um 11:37

Zitat von flocky
Zitat von Skobold
Ich glaub nicht daß wer Tätowierungen sooo riesig signiert... und vor allem so breit.

Dadurch das die Grafiken spaeter im Quellcode definiert sind, werden sie auch nach den select-Boxen gezeichnet. D.h. aber auch, sie werden darueber gelegt.

Warum siehst du sie im IE trotzdem? Der verwendet fuer select-Boxen das sog. "native Windows widget"; der Browser "zeichnet" die select-Box nicht selbst sondern sagt dem Betriebssystem es soll sie Zeichen -> und das zeichnet immer an oberster Front und kann gar nicht ueberlappen (merkt man aergerlicherweise dann wenn man select-Boxen auf einer Seite hat und per Javascript dynamisch Elemente ueber die Seite bewegt -> select-Boxen werden im IE nie "versteckt"). Ist moeglich das das fuern Mozilla auch zutrifft. Opera jedenfalls "zeichnet sie selbst"; wodurch sie auch, richtigerweise, ueberdeckt wird.

flocky schrieb am 29.10.2003 um 11:44

soda, jetz passts. ich hab alle bildern ganz oben definiert und der z-index is jetz wieder draußen und es funzt trotzdem
jetz muss ich nur noch checken ob das auch so verschoben is bei anderen browsern...

Rektal schrieb am 29.10.2003 um 11:45

Zitat von flocky
Zitat von Antioxidan
YS Tech Lüfter sind halt relativ laut gegenüber S3 / S4....

Ja, paszt ueberall; konnte nirgendwo etwas "verschobenes" feststellen.

Zitat
ahja und welchen browser verwendest du?

Alle relevanten unter Windows: IE5, 55, 6, Mozilla 1.4 und Opera 7x

flocky schrieb am 29.10.2003 um 12:03

ich weiß wo das problem mit den "verschobenen" dropdowns gelegen hat. die sind nämlich nicht verschoben sondern zu breit. wie man sieht hab ich zur kontrolle der breite mehrere - als letzten eintrag genommen. die abstände und die größe der - ist aber nun von der schriftart abhängig, deswegen sind z.B. am mac von meiner mutter die dropdowns zu breit weil die schrift eine andere ist.
kennst du eine möglichkeit die größe der dropdowns pixelgenau anzugeben? geht das auch mit css?

danke bis jetz!

Rektal schrieb am 29.10.2003 um 12:43

Geht mit

Code:

width: 250px;

im Style.

Btw, genau das hab ich im Mozilla auch (weil groessere Defaultschrift).

Wenn du das Projekt dann fertig hast, setzt du dich zurueck und liest ein paar Grundlegende Dinge ueber das Web wie ...
- Schriftgroesse ist eine Sache des USERS und nicht des AUTHORS; d.h. USER Schriftgroesse hat und wird immer Vorrang haben.

Was dann naemlich passiert ist das bei groessere Schrift, weil jemand schlecht lesen kann, der Text abgeschnitten wird -> sicher nicht grad besser.

flocky schrieb am 29.10.2003 um 14:19

ja eben... da bin auch erst draufgekommen dass man das beachten muss.

am IE vom apple gibts noch ein bissi probleme... die 3 drops in der mitte sind um 1-2 pixel zu weit oben und die unteren 4 sind zu weit rechts :confused: sonst passts aber bei vielen leuten die ich gfragt hab, auch versch. browser.
der kranke typ hat sich sogar extra eine lupe gekauft damit er auf der page kontrollieren kann ob alle proportionen passen :eek: