[neo21]

hi,
ich habe folgendes problem: in einem <div> sind zwei bilder umfasst, also <div><img>
<img></div>. der div wird mit folgender css formatiert:

{
position: absolute;
top: 51px;
left: 410px;

border-width: 1px 1px 1px 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-style: solid;
border-color: #333333;

visibility: hidden;

z-index: 3;
}

das problem ist jetzt, dass der <div> sich nicht genau im die images "legt", dh die borders oben und rechts sind ganau an den bildern, doch unten sind ca 3px abstand...der <div> ist also größer?!

die bilder sind mit folgender css formatiert:

{
border: 0px;

margin: 0px 0px 0px 0px;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}

das problem tritt im MS Internet Explorer 6 auf, im firefox nicht.
hoffe jemand weiß rat, denn das ganze treibt mich langsam in den
wahnsinn

mfg,
neo21

[wahsaga]

Zitat von neo21

ich habe folgendes problem: in einem <div> sind zwei bilder umfasst, also <div><img>
<img></div>.

wirklich so, kein white space mehr dazwischen?

das problem tritt im MS Internet Explorer 6 auf, im firefox nicht.

für den IE wäre das white space problem typisch.

für den firefox eher das unterlängen-problem.

[neo21]

also hier mal der original html-source:

<div id="BUTTONupdown">
[img]../images/buttons/small_arrow_up.gif[/img]

[img]../images/buttons/small_arrow_down.gif[/img]
</div>

[wahsaga]

OK, dann wahrscheinlich doch white space problem des IE.

schreib die tags mal direkt aneinander, ohne leerzeichen, zeilenumbrüche etc. dazwischen.
besser?

[neo21]

ja, vielen dank jetzt sieht es so aus wie geplant

sehr seltsam, der w3c-css-validator ergab nämlich keine fehler...so ein
blödsinniger sch***

allerdings sieht es jetzt im firefox sch*** aus, hier einfach mal der
link auf die seite:


http://www.neotwentyone.com

vielen dank,
neo21

[neo21]

wie man auf der seite sieht stimmt zb im firefox das padding im großen content-kasten (links wo der text drin steht) nicht, eigentlich sollten es
sowohl oben als auch unten 3px sein, steht so auch im css und der
ie machts...außerdem ist der kasten im firefix zu groß, daher der unschöne
überhang...

[wahsaga]

Zitat von neo21

hier einfach mal der
link auf die seite:

http://www.neotwentyone.com

dass du meinen opera, nachdem er die seite einen augenblick lang recht ordentlich anzeigen durfte, auf http://www.neotwentyone.com/html/wrongbrowser.htm (die noch nicht mal existiert) umleitest, nimmt mir jegliche motivation, mich weiter mit deinem problem zu beschäftigen.


was zum teufel soll so ein unfug?
das wird spätere besucher vermutlich ebenso verärgern, wie mich - weil sich niemand gerne seinen browser von irgendeinem webseitenbastler vorschreiben lassen will.

(noch dazu, wo der opera ein sehr guter browser ist, der den IE in punkto rendering immer noch um längen schlägt.)


alternativvorschlag:
wenn du es nicht schaffst, eine seite zu erstellen, die mein opera korrekt anzeigt, leite doch auf /wrongwebdesigner.htm um.

[Boris]

Noch ne andere Frage - was soll der Kram hier:

border-width: 1px 1px 1px 0px; 

border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 0px;

Das ist 2x das exakt gleiche! Das gleiche hier:

border-width: 1px 1px 1px 0px;

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;

Es reicht da auch eines von beiden. Wozu definierst Du zweimal das gleiche?

[neo21]

@ wahsaga

sorry, das mit dem wrongbrowser und opera war ein relikt...habe ich behoben...

@ Boris

doppelt hält besser
schaden tut es doch nicht, oder?

[Boris]

Was heißt "schaden" - es ist schlichtweg unnötig, macht Dir bei einer Änderung mehr Arbeit und braucht nen Tick mehr Platz.