✔ alter Internet-Explorer verschiebt divs

[denisSCR]

nagut, dann muss das wohl erstmal warten..
jetzt habe ich aber ein weiteres Problem entdeckt. Der Internet Explorer 6 kann keine transparenten (PNG-) Bilder anzeigen. Er gibt ihnen ein hellblauen hintergrund. Gibts dafür auch eine CSS-Lösung?

 

[Maik]

• http://www.daltonlp.com/view/217
• http://code.google.com/p/ie7-js/ -> http://ie7-js.googlecode.com/svn/test/png-background.html

mfg Maik

 

[Maik]

Für den Fall, dass keine Hintergrundbilder, sondern Grafikelemente zum Einsatz kommen: http://www.twinhelix.com/css/iepngfix/

mfg Maik

 

[Maik]

Bringt das hier eine Verbesserung?

#ausbildung{

width:182px;
height:44px;
margin-left:28px;
margin-top:9px;
float:left;
display:inline;
background:red;
}

* html #ausbildung { margin-left:25px; }

#moderation{

width:179px;
height:42px;
margin-left:74px;
margin-top:10px;
float:left;
display:inline;
}

* html #moderation { margin-left:71px; }

Möglicherweise hat sich ja der "3px-Gap-Bug" dazugesellt.

mfg Maik

 

[denisSCR]

* html #ausbildung { margin-left:29px; }

* html #moderation { margin-left:78px; }

DAS bringt eine verbesserung! jetzt siehts perfekt aus vielen dank
aber wieso macht er die veränderungen beim firefox und neuen i-explorer nicht? soll er ja auch nicht aber es wundert mich

 

[Maik]

Weil der "Star-HTML-Hack" nur vom IE/Win interpretiert wird.

Der IE7 hingegen ignoriert ihn, wenn das HTML-Dokument im standardkonformen Modus übergeben wird.

mfg Maik

 

[denisSCR]

dein wissen macht mir angst

Nochmal zu den PNG-Bildern. Ja es sind Grafikelemente keine Hintergrundbilder.
Der Link http://www.twinhelix.com/css/iepngfix/ sieht ja ganz gut aus aber ich stell mich da ein bisschen dumm an ich versteh das nicht so richtig Hast du ein kleinen Gedankenstoß für mich?

 

[Maik]

Studier doch einfach das Download-Beispiel

mfg Maik

 

[denisSCR]

1. Copy and paste iepngfix.htc and blank.gif into your website folder.
Heißt die Datei einfach ins root-Verzeichnis kopieren oder?

2. Copy and paste this into your website's CSS or HTML:

<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
</style>

img, div { behavior: url(iepngfix.htc) } <- Wo genau soll der Eintrag gechrieben werden? in den css-body?


That CSS selector must include the tags/elements on which you want PNG support -- basically, give it a comma-separated list of tags you use. It must also include the correct path to the .HTC relative to the HTML document location (not relative to the CSS document!). For instance, yours may look like this:

<style type="text/css">
img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }
</style>

img, div, a, input { behavior: url(/css/resources/iepngfix.htc) } <-- auch ind en css-body?


3. If your site uses subfolders, open the .HTC file in a text editor like Windows Notepad and change the blankImg variable to include a correct path to blank.gif like so:

var blankImg = '/images/blank.gif';

Den Punkt versteh ich garnicht

 

[Maik]

1. Jo.
2. Die Zeile fügst du in dein vorhandenes Stylesheet ein.
3. Je nachdem, in welches Verzeichnis du die Grafikdatei "blank.gif" ablegst, muß der Grafik-Pfad in der Datei "iepngfix.htc" angepasst werden.
4. "Learning by Doing".

mfg Maik