FireFox ok | IE nicht: float verdeckt absolutes img

[dante]

hallo!

kennt ihr das auch: die tage an denen ihr euch wünscht print zu machen? mein problem ist wie folgt:

das schön gefloatete header div

#header {
float:left;
top:0px;
left:0px;
width:100%;
z-index:20;
}

überdeckt _nur_ im IE mein anderes div mit dem logo. diese soll (wie für logos üblich) einfach nur am linken oberen rand stehen. klappt im firefox auch wunderbar (und ich vertraue firefox auch in sahcen html auslegung) im IE verschwindet mein bild aber ins byte-nirvana. einfach weg :(

zur vollständigkeit halber noch die css für mein logo-div (mit der id "mwp"):

#mwp {
position:absolute;
top:0px;
left:0px;
display:block;
z-index:100;
}

zum verständnis mal der code zum selberausprobieren. die liste hat nichts mit dem problem zu tun, steht nur dort um den platz zu füllen ;)

<div id="header">

<ul>
    <li id="current"><a href="#" onfocus="this.blur()">Home</a></li>
     <li><a class="help" href="#" onfocus="this.blur()">Support</a></li>
<li><a href="#" onfocus="this.blur()"><nobr>Success Stories</nobr></a></li>
 <li><a href="#" onfocus="this.blur()">Downloads</a></li>
 <li><a href="#" onfocus="this.blur()">Contact</a></li>
    <li><a href="#" onfocus="this.blur()">Press</a></li>
  </ul>
  </div>

<div id="mwp"><img src="mwp_logo.gif" alt="MWP" width="202" height="244" /></div>

ich bin am ende meines lateins deswegen frage ich euch jetzt.
wo seid ihr css-cracks?

und noch das kleine betthupferl-problemchen:

der validator sagt mir er kenne den tag <nobr> nicht. gibt es eine andere möglichkeit (eventuell sogar mit css?) zeilenumbruch zu verhindern?
mein dokuemnt wäre doch sooo gerne valide ;)

danke

markus

[wahsaga]

hi,

zum float-problem: bespielseite online bereitstellen bitte.

der validator sagt mir er kenne den tag <nobr> nicht. gibt es eine andere möglichkeit (eventuell sogar mit css?) zeilenumbruch zu verhindern?

na klar: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space

gruss,
wahsaga

[dante]

hi

also hier ist das beispiel:

http://www.volk-marketing.de/serv/sescoi/beispiel.htm

dazu ist zu sagen: nimmt man das float aus dem header raus ist das div "mwp" zwar zu sehen, aber der header kommt mit dem formatiertem inhalt nciht mehr klar. der springt dann nämlich raus im netscape und im firefox.

lässt man das float nun drin ist alles perfekt im firefox (und sogar im opera) nur der IE schluckt das komplette div "mwp".

ich kanns mir nciht erklären :(

ps.: danke wegem dem zeilenumbruchdingends =)

[Ingo Turski]

Hi,

float:left;
top:0px;
left:0px;

entscheide Dich doch, ob Du das Element Floaten oder Positionieren willst. Wenn Letzteres, dann bitte noch position:

freundliche Grüße
Ingo

[dante]

Hi,

float:left;
top:0px;
left:0px;

entscheide Dich doch, ob Du das Element Floaten oder Positionieren willst. Wenn Letzteres, dann bitte noch position:

hi

ich habe mich fürs floaten entschieden (notgedrungen, denn sonst funkt der inhalt im header ja nciht mehr ;) ), nur ändert es leider nix an der ausgangslage :(
der IE zeigt das korrekte valide XHTML file nicht richtig an

das absolute element wird hinter dem floatendem element definiert. es hätte ja eh nix damit zu tun, es ist ja ABSOLUT positioniert.

*verwirrt ist*

[Ingo Turski]

Hi,

ich habe mich fürs floaten entschieden (notgedrungen, denn sonst funkt der inhalt im header ja nciht mehr ;) ),

ok, und dann gibst Du immer noch width:100%? Wie sollte dann noch etwas daneben passen?
Eine passende Weite und margin-left wären hier hilfreich...

freundliche Grüße
Ingo

[dante]

ich habe mich fürs floaten entschieden (notgedrungen, denn sonst funkt der inhalt im header ja nciht mehr ;) ),
ok, und dann gibst Du immer noch width:100%? Wie sollte dann noch etwas daneben passen?
Eine passende Weite und margin-left wären hier hilfreich...

klar. dann hätte ich allerdings kein 100% hintergrund mehr in diesem float. muss man docha cuh gar nciht weil der logoteil absolut positioniert ist.

naja ich habs jetzt hinbekommen dass es in allen browsern funktioniert ohne etwas an meinen floatigen header zu verändern =)

danke fürs helfen
dante

[at]

Hallo.

naja ich habs jetzt hinbekommen dass es in allen browsern funktioniert ohne etwas an meinen floatigen header zu verändern =)

Dann solltest du auch die Lösung kundtun, um das Archiv noch ein wenig wertvoller zu machen.
MfG, at