Ergebnis 1 bis 2 von 2

Thema: [gelöst] IE PNG Links klickbar ... das leidige Thema

  1. #1
    HTML Newbie
    Registriert seit
    14.11.2005
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard [gelöst] IE PNG Links klickbar ... das leidige Thema

    Hallöchen liebe Community,

    ich habe ein kleines Problem mit Links im Internet Explorer. Da dieser wie bekannt keine PNG's anzeige kann habe ich einen filter benutzt damit dieser die transparenten PNG's anzeigen kann. Nur leider sind danach die Links zum teil nicht mehr abrufbar. Schaut es euch einfach mal an (Links in der Box Newsflash):

    http://www.davidwinkel.de/0.1/

    Im Firefox und anderen Browsern funktioniert es tadellos. Nun, ich sitze schon mehrere Stunden daran und habe auch einiges ausprobiert (andere positionierung, ein extra png zu skalieren usw -was man halt alles so bei google findet). Leider war davon keines erfolgreich, außer ich positioniere die Links absolute, nur dann erweitert sich meine box nicht mehr dynmisch. Ich hoffe hier gibt es einen Crack der sich damit schonmal auseinandergesetzt hat und mir helfen kann. Vielen dank an euch Lesenden und Schreibenden für eure Bemühungen. Im Anhang, meine Index.php, all.css (für alle guten Browser) und die ie.css... Ich hoffe das euch die länge des Posts nicht abschreckt. Wenn die Länge Probleme verursacht nehme ich die Dateien auch gerne wieder heraus und stelle sie online zur Verfügung.

    eipie

    index.php
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>David Winkel 1.0</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <?php
    include_once&#40;"templates/config.php"&#41;;
    require_once&#40;"magpierss/rss_fetch.inc"&#41;;
    mysql_select_db&#40;$db_name,$db&#41;;
    ?>
    <style type="text/css">@import url&#40;templates/all.css&#41;;</style>
    <!--&#91;if IE&#93;>
       <style type="text/css">@import url&#40;templates/ie.css&#41;;</style>
    <!&#91;endif&#93;-->
    <link rel="alternate" type="application/rss+xml" title="rss" href="http&#58;//www.heise.de/newsticker/heise.rdf">
    </head>
    
    <body>
    
    <div align="center" class="header"> </div>
    	
    <div align="center" class="content">
    
    	<div class="content_right">
    		<div class="navi_top"> </div>
    		<div class="box_lines">
    		<p class="navi_text">
    			Home&#58;&#58;
    
    			News&#58;&#58;
    
    			Über mich&#58;&#58;
    
    			Projekte&#58;&#58;
    
    			Links&#58;&#58;
    
    			Gästebuch&#58;&#58;
    
    			Kontakt&#58;&#58;
    
    		</p>
    		</div>
    		<div class="box_bottom"> </div>
    
    		<div class="news_top"> </div>
    		<div class="box_lines">
    		
    		<div class="navi_text">
    			<p class="news_head">heise.de</p>
    			<?php
    			$url = 'http&#58;//www.heise.de/newsticker/heise.rdf';
    			if &#40; $url &#41; &#123;
    				$num_items = 5;
    				$rss = fetch_rss&#40; $url &#41;;
    				$items = array_slice&#40;$rss->items, 0, $num_items&#41;;
    				foreach &#40;$items as $item&#41; &#123;
    				$href = $item&#91;'link'&#93;;
    				$title = substr&#40;$item&#91;'title'&#93;,0,16&#41;;
    				echo ''.$title.'...
    ';
    				&#125;
    			&#125;	
    			?>
    
    		</div>
    		</div>
    		<div class="box_bottom"> </div>
    
    	</div>
    
    	<div class="content_main">
    		<div class="content_top"> </div>
    		<div class="content_lines">
     			<p class="content_text">
    			halloasdlfkjngivpsaldjkfgbnvlsajfdnölnflkn nassdö öalsdng lnl naölkdsn lknaöeslgn ölkasdnlk naöskldnöf lknlkan ölkasndö lknaöslkdng lakd lkanskledgf naslködn fvölkansfedkl naöslkdnf lkasdnflk ansdfgamsd ölaäsödlfk aöslkedf oöaskdgfölkasdlöfkasdölfk aüepwrotjk alöksdmvnalsydionv ölKASndfvpnsadfkglvjsapdgfklmn aspdvjgkladrgnsiodfbinva lö.ojhalloasdlfkjngivpsaldjkfgbnvlsajfdnölnflkn nassdö öalsdng lnl naölkdsn lknaöeslgn ölkasdnlk naöskldnöf lknlkan ölkasndö lknaöslkdng lakd lkanskledgf naslködn fvölkansfedkl naöslkdnf lkasdnflk ansdfgamsd ölaäsödlfk aöslkedf oöaskdgfölkasdlöfkasdölfk aüepwrotjk alöksdmvnalsydionv ölKASndfvpnsadfkglvjsapdgfklmn aspdvjgkladrgnsiodfbinva lö.ojhalloasdlfkjngivpsaldjkfgbnvlsajfdnölnflkn nassdö öalsdng lnl naölkdsn lknaöeslgn ölkasdnlk naöskldnöf lknlkan ölkasndö lknaöslkdng lakd lkanskledgf naslködn fvölkansfedkl naöslkdnf lkasdnflk ansdfgamsd ölaäsödlfk aöslkedf oöaskdgfölkasdlöfkasdölfk aüepwrotjk alöksdmvnalsydionv ölKASndfvpnsadfkglvjsapdgfklmn aspdvjgkladrgnsiodfbinva lö.oj
     			</p>
    		</div>
    		<div class="content_bottom"> </div>
    	</div>
    
    	
    </div>
    </body>
    </html>
    all.css
    Code:
    div,p,a &#123; font-family&#58;monospace; &#125;
    a &#123; position&#58;relative; z-index&#58;100; &#125;
    
    body &#123;
     background&#58;url&#40;../content/images/global/bg_site.png&#41; repeat-x;
     margin&#58;0;
     padding&#58;0;
    
    &#125;
    .news &#123;position&#58;relative; z-index&#58;350;&#125;
    .news&#58;link &#123; font-size&#58; 11px; color&#58;#6D6D6D; text-decoration&#58;none; &#125;
    .news&#58;visited &#123; font-size&#58; 11px; color&#58;#6D6D6D; text-decoration&#58;none; &#125;
    .news&#58;active &#123; font-size&#58; 11px; color&#58;#313131; text-decoration&#58;none; &#125;
    .news&#58;hover &#123; font-size&#58; 11px; color&#58;#313131; text-decoration&#58;none; &#125;
    
    .header &#123;
     position&#58;relative;
     width&#58;946px; 
     height&#58;222px;
     margin&#58;0 auto;
     margin-top&#58;2px;
     padding&#58;0;
    
     background&#58;url&#40;../content/images/red/header.png&#41;;
    &#125;
    
    .content &#123;
     position&#58;relative;
     width&#58;946px; 
     margin&#58;0 auto;
     padding&#58;0;
    &#125;
    
    .content_main &#123;
     position&#58;relative;
     text-align&#58;left;
     float&#58;left;
     width&#58;765px;
     padding&#58;0px;
     margin&#58;0px;
    &#125;
    
    .content_top &#123;
     position&#58;relative;
     margin&#58;0px 0px 0px 2px;
     text-align&#58;left;
     width&#58;765px;
     height&#58;28px;
     padding&#58;0px;
    
     background&#58;url&#40;../content/images/global/content_top.png&#41; no-repeat;
    &#125;
    
    .content_lines &#123;
     position&#58;relative;
     text-align&#58;left;
     width&#58;765px;
     padding&#58;0px 20px 0px 20px;
     margin&#58;0px 0px 0px 2px;
    
     background&#58;url&#40;../content/images/global/content_lines.png&#41; repeat-y;
    &#125;
    
    .content_bottom &#123;
     position&#58;relative;
     margin&#58;0px 0px 0px 2px;
     width&#58;765px;
     height&#58;28px;
     padding&#58;0;
    
     background&#58;url&#40;../content/images/global/content_bottom.png&#41; no-repeat;
    &#125;
    
    .content_text &#123;
     margin&#58;0px;
     font-size&#58;11pt;
    &#125;
    
    .navi_text &#123;
     z-index&#58;140;
     position&#58; relative;
     margin&#58;0px 15px 0px 10px;
     padding&#58;0px 0px 0px 0px;
     text-align&#58;right;
    &#125;
    
    .news_head &#123;
    margin&#58;0px 0px 0px 0px;
    padding&#58;5px 0px 0px 0px;
    font-size&#58;8pt;
    text-align&#58;right;
    color&#58;gray;
    &#125;
    
    .content_right &#123;
     position&#58;relative;
     z-index&#58;130;
     margin&#58;2px 3px 0px 0px;
     text-align&#58;left;
     width&#58;162px;
     height&#58;100%;
     padding&#58;0px;
     float&#58;right;
     right&#58;5px;
    &#125;
    .navi_top &#123;
     position&#58;relative;
     width&#58;162px;
     height&#58;32px;
     padding&#58;0px;
     margin&#58;0;
    
     background&#58;url&#40;../content/images/red/navi_top.png&#41; no-repeat;
    &#125;
    
    .news_top &#123;
     position&#58;relative;
     width&#58;162px;
     height&#58;32px;
     padding&#58;0px;
     margin&#58;10px 0px 0px 0px;
    
     background&#58;url&#40;../content/images/red/news_top.png&#41; no-repeat;
    &#125;
    
    .box_lines &#123;
     position&#58;relative;
     z-index&#58;200;
     width&#58;162px;
     padding&#58;0px 0px 0px 0px;
     margin&#58;0px 0px 0px 0px;
     z-index&#58;0;
    
     background&#58;url&#40;../content/images/global/box_lines.png&#41; repeat-y;
    &#125;
    .box_bottom &#123;
     position&#58;relative;
     text-align&#58;left;
     width&#58;162px;
     height&#58;18px;
     padding&#58;0px;
     margin&#58;0px 0px 0px 0px;
    
     background&#58;url&#40;../content/images/global/box_bottom.png&#41; no-repeat;
    &#125;
    ie.css
    Code:
    .header &#123;
     position&#58;none;
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/green/header.png',sizingMethod='image'&#41;;
    &#125;
    
    .content_top &#123;
     float&#58;left;
    
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/global/content_top.png',sizingMethod='image'&#41;;
    &#125;
    
    .content_lines &#123;
     position&#58;none;
     float&#58;left;
     padding&#58;0px;
    
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/global/content_lines.png',sizingMethod='scale'&#41;;
    &#125;
    
    .content_bottom &#123;
     float&#58;left;
     position&#58;none;
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/global/content_bottom.png',sizingMethod='image'&#41;;
    &#125;
    
    .content_text &#123;
     position&#58;none;
     padding&#58;0px 20px 0px 20px;
    &#125;
    
    .navi_text &#123;
     position&#58;none;
    &#125;
    
    .content_right &#123;
     position&#58;none;
     margin&#58;0px 0px 0px 0px;
    &#125;
    
    .navi_top &#123;
     position&#58;none;
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/green/navi_top.png',sizingMethod='image'&#41;;
    &#125;
    
    .news_top &#123;
     position&#58;none;
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/green/news_top.png',sizingMethod='image'&#41;;
    &#125;
    
    .box_lines &#123;
     position&#58;none;
     z-index&#58;0;
     width&#58;162px;
     height&#58;10px;
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/global/box_lines.png',sizingMethod='scale'&#41;;
    &#125;
    .box_bottom &#123;
     position&#58;none;
     background&#58;none;
     filter&#58;progid&#58;DXImageTransform.Microsoft.AlphaImageLoader&#40;src='content/images/global/box_bottom.png',sizingMethod='image'&#41;;
    &#125;
    [/b]
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie
    Themenstarter

    Registriert seit
    14.11.2005
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    So, habe es schon hinbekommen. Ein einfaches

    Code:
    position&#58;static
    hat das Poblem in den Griff bekommen.

    Lösungsansätze kann man hier finden:
    http://www.daltonlp.com/daltonlp.cgi...=1&item_id=217

    Kommentare beachten.

    eipie

Ähnliche Themen

  1. Hilfereiche Links zum Thema Ritzen
    Von neohilfe im Forum Off Topic und Quasselbox
    Antworten: 8
    Letzter Beitrag: 09.07.2008, 11:42
  2. [S+B] Links Thema Musik
    Von sebi1vogt im Forum Promotion - SEO - Suchmaschine (Google & Co) – Mitarbeiter & Linkpartnersuche
    Antworten: 0
    Letzter Beitrag: 17.05.2008, 00:19
  3. Antworten: 6
    Letzter Beitrag: 05.10.2007, 04:18
  4. Thema gelöst / ungelöst Button
    Von Mülla im Forum Forum-Hilfe.de intern
    Antworten: 40
    Letzter Beitrag: 11.04.2006, 14:37
  5. Links zu guten Seiten mit dem Thema: Standards im Web
    Von Frank[OS] im Forum Link Tipps
    Antworten: 0
    Letzter Beitrag: 11.01.2006, 17:54

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •