[CSS&HTML] Darstellungsunterschiede IE und Firefox

[MarvinM]

Zitat:

Zitat von 3_of_8

Ja, einfach den Useragent parsen.

Ähm... und wie mach ich das?

[Thorben77]

Zitat:

Zitat von 3_of_8

Ja, einfach den Useragent parsen.

Das geht auch einfacher mit „Conditional Comments“.

Zitat:

Zitat von MarvinM

ann könnte hab ich jetzt ein funktionierendes Stylesheet für Firefox und eins für den IE (da zeigt der die Container jett versetzt an...)

Also wenn Du in dem einen einfach nur die Mindesthöhendefinition rauslassen willst, kannst Du Dir das sparen.
Browser überspringen Eingenschaften, die sie nicht kennen. Zumindest sollten sie es tun.

[MarvinM]

Ich hatte auch darauf gehofft, das der IE die min-heigth ignoriert, weil er sie nicht kennt. Dem is aber leider nicht so, im Moment ist die CSS-Datei mit dem min-heigth auf der Webseite und der IE versetzt jetzt die Container...

Ich versuch mal das über Useragent parsen zu umgehen...

[MarvinM]

WIe muss ich das schreiben?
Ich hab jetzt die Auswahl mal geschrieben und es zeigt sich im IE nix (liegt das vielleicht daran, dass ich Version 7 hab?)

Code:

[...]
<link rel="stylesheet" type="text/css" href="./files/style.css" />
<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="./files/alternativ.css" />
<![endif]-->
[...]

Woran scheitert es?

[Thorben77]

Bist Du sicher, dass der IE den Container wegen der Mindesthöhe versetzt? Ich hab es eben mal ausprobiert: Er tut es auch, wenn man diese wieder herausnimmt. Wahrscheinlich liegt es an einer der vorherigen Änderungen.

[MarvinM]

Da hast du recht!

Ich hab jetzt das Ur-Stylesheet eingespielt (das reicht ja für den IE) Link ist ./files/alternativ.css
und ich hab das Stylesheet das sich mit dem Firefox verträgt (./files/style.css).

Was allerdings nicht funktioniert ist das bei SelfHTML angegebene Prozedere:

Code:

<!--[if IE]>
    <style type="text/css">@import url(./files/alternativ.css);</style>
<![endif]-->

//Edit:

Der gesamte Style Bereich sieht jetzt so aus:

Code:

<link rel="stylesheet" type="text/css" href="./files/style.css" />
<!--[if IE]>
  <style type="text/css">@import url(./files/alternativ.css);</style>
<![endif]-->

[Thorben77]

Probier mal folgendes:

1. Nimm die Mindesthöhe wieder aus dem Stylesheet heraus.
2. Füg in Deinem HTML-Dokument hinter
   Code:

   <div class="post_btm"></div>

   folgendes ein:
   Code:

   <div style="clear:both;"></div>

   Kann sein, dass Du in diesen Block noch ein geschützes Leerzeichen einfügen musst ().

Edit: Ups, kleiner Fehler :angel2: . Nicht hinter <div class="post_btm"></div>, sondern hinter den info-Block.

[MarvinM]

Genial, mehr kann ich nicht sagen!
Alles klappt, IE, Firefox, Opera!

Vielen, vielen Dank!

Kannst du mal kurz umreisen, woran das gelegen hat?

[Thorben77]

Zitat:

Zitat von MarvinM

Kannst du mal kurz umreisen, woran das gelegen hat?

Ich kanns versuchen :wink: :
Die Navigation ist ja aus dem normalen Textfluss „herausgerissen“, daher richtet sich der Hintergrund nur nach dem info-Block, der die Navigation „umfließt“.
Der eingefügte Block „umfließt“ die Navigation nicht wegen clear: both, sondern ist auf jeden Fall unter dieser. Und da er im content-Block ist, muss dieser und damit auch dessen Hintergrundbild so weit heruntergezogen werden, dass er auch im content-Block ist.
Gefunden hab ich's bei SELFHTML.

[MarvinM]

Aja... Aber klingt logisch, man muss nur drauf kommen... :-)

Ich übe dann noch ein bisschen :roll:

Danke nochmal!