css+dropdowns, darstellungsprobleme

flocky

sn0wner (analphabet)

Registered: May 2002
Location: life-compiler
Posts: 1663

29.10.2003 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

29.10.2003 - 06:47

Ohne URL kann dir keiner helfen.

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

flocky

sn0wner (analphabet)

Registered: May 2002
Location: life-compiler
Posts: 1663

29.10.2003 - 11:14

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

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

29.10.2003 - 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

sn0wner (analphabet)

Registered: May 2002
Location: life-compiler
Posts: 1663

29.10.2003 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

29.10.2003 - 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

sn0wner (analphabet)

Registered: May 2002
Location: life-compiler
Posts: 1663

29.10.2003 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

29.10.2003 - 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

sn0wner (analphabet)

Registered: May 2002
Location: life-compiler
Posts: 1663

29.10.2003 - 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!

Bearbeitet von flocky am 29.10.2003, 12:07

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

29.10.2003 - 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

sn0wner (analphabet)

Registered: May 2002
Location: life-compiler
Posts: 1663

29.10.2003 - 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:

Bearbeitet von flocky am 29.10.2003, 14:21

flocky sn0wner (analphabet) Registered: May 2002 Location: life-compiler Posts: 1663	29.10.2003 - 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 kennt jemand bekannte probleme mit css und dropdowns oder is der code dazu nötig um mir vielleicht helfen zu können? tia
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	29.10.2003 - 06:47 Ohne URL kann dir keiner helfen. Beispiel: http://dillerpartner.at/~mfischer/p...yout/test1.html
flocky sn0wner (analphabet) Registered: May 2002 Location: life-compiler Posts: 1663	29.10.2003 - 11:14 die hp is eh schon online http://members.chello.at/xattax/hp/hauptseite.htm
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	29.10.2003 - 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 sn0wner (analphabet) Registered: May 2002 Location: life-compiler Posts: 1663	29.10.2003 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	29.10.2003 - 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 sn0wner (analphabet) Registered: May 2002 Location: life-compiler Posts: 1663	29.10.2003 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	29.10.2003 - 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 sn0wner (analphabet) Registered: May 2002 Location: life-compiler Posts: 1663	29.10.2003 - 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! Bearbeitet von flocky am 29.10.2003, 12:07
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	29.10.2003 - 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 sn0wner (analphabet) Registered: May 2002 Location: life-compiler Posts: 1663	29.10.2003 - 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 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 Bearbeitet von flocky am 29.10.2003, 14:21

css+dropdowns, darstellungsprobleme

Forum Index > Software > Coding Stuff

flocky

Rektal

flocky

Rektal

flocky

Rektal

flocky

Rektal

flocky

Rektal

flocky