Beiträge von eipie

eipie

So, habe es schon hinbekommen. Ein einfaches

Code

position:static

hat das Poblem in den Griff bekommen.

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

Kommentare beachten.

eipie

eipie

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

PHP

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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("templates/config.php");
require_once("magpierss/rss_fetch.inc");
mysql_select_db($db_name,$db);
?>
<style type="text/css">@import url(templates/all.css);</style>
<!--[if IE]>
   <style type="text/css">@import url(templates/ie.css);</style>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="rss" href="http://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::


			News::


			Über mich::


			Projekte::


			Links::


			Gästebuch::


			Kontakt::


		</p>
		</div>
		<div class="box_bottom"> </div>


		<div class="news_top"> </div>
		<div class="box_lines">

		<div class="navi_text">
			<p class="news_head">[url='http://www.heise.de/']heise.de[/url]</p>
			<?php
			$url = 'http://www.heise.de/newsticker/heise.rdf';
			if ( $url ) {
				$num_items = 5;
				$rss = fetch_rss( $url );
				$items = array_slice($rss->items, 0, $num_items);
				foreach ($items as $item) {
				$href = $item['link'];
				$title = substr($item['title'],0,16);
				echo '[url=''.$href.'']'.$title.'...[/url]
';
				}
			}	
			?>


		</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>

Alles anzeigen

all.css

Code

div,p,a { font-family:monospace; }
a { position:relative; z-index:100; }


body {
 background:url(../content/images/global/bg_site.png) repeat-x;
 margin:0;
 padding:0;


}
.news {position:relative; z-index:350;}
.news:link { font-size: 11px; color:#6D6D6D; text-decoration:none; }
.news:visited { font-size: 11px; color:#6D6D6D; text-decoration:none; }
.news:active { font-size: 11px; color:#313131; text-decoration:none; }
.news:hover { font-size: 11px; color:#313131; text-decoration:none; }


.header {
 position:relative;
 width:946px; 
 height:222px;
 margin:0 auto;
 margin-top:2px;
 padding:0;


 background:url(../content/images/red/header.png);
}


.content {
 position:relative;
 width:946px; 
 margin:0 auto;
 padding:0;
}


.content_main {
 position:relative;
 text-align:left;
 float:left;
 width:765px;
 padding:0px;
 margin:0px;
}


.content_top {
 position:relative;
 margin:0px 0px 0px 2px;
 text-align:left;
 width:765px;
 height:28px;
 padding:0px;


 background:url(../content/images/global/content_top.png) no-repeat;
}


.content_lines {
 position:relative;
 text-align:left;
 width:765px;
 padding:0px 20px 0px 20px;
 margin:0px 0px 0px 2px;


 background:url(../content/images/global/content_lines.png) repeat-y;
}


.content_bottom {
 position:relative;
 margin:0px 0px 0px 2px;
 width:765px;
 height:28px;
 padding:0;


 background:url(../content/images/global/content_bottom.png) no-repeat;
}


.content_text {
 margin:0px;
 font-size:11pt;
}


.navi_text {
 z-index:140;
 position: relative;
 margin:0px 15px 0px 10px;
 padding:0px 0px 0px 0px;
 text-align:right;
}


.news_head {
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
font-size:8pt;
text-align:right;
color:gray;
}


.content_right {
 position:relative;
 z-index:130;
 margin:2px 3px 0px 0px;
 text-align:left;
 width:162px;
 height:100%;
 padding:0px;
 float:right;
 right:5px;
}
.navi_top {
 position:relative;
 width:162px;
 height:32px;
 padding:0px;
 margin:0;


 background:url(../content/images/red/navi_top.png) no-repeat;
}


.news_top {
 position:relative;
 width:162px;
 height:32px;
 padding:0px;
 margin:10px 0px 0px 0px;


 background:url(../content/images/red/news_top.png) no-repeat;
}


.box_lines {
 position:relative;
 z-index:200;
 width:162px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 z-index:0;


 background:url(../content/images/global/box_lines.png) repeat-y;
}
.box_bottom {
 position:relative;
 text-align:left;
 width:162px;
 height:18px;
 padding:0px;
 margin:0px 0px 0px 0px;


 background:url(../content/images/global/box_bottom.png) no-repeat;
}

Alles anzeigen

ie.css

Code

.header {
 position:none;
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/green/header.png',sizingMethod='image');
}


.content_top {
 float:left;


 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/content_top.png',sizingMethod='image');
}


.content_lines {
 position:none;
 float:left;
 padding:0px;


 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/content_lines.png',sizingMethod='scale');
}


.content_bottom {
 float:left;
 position:none;
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/content_bottom.png',sizingMethod='image');
}


.content_text {
 position:none;
 padding:0px 20px 0px 20px;
}


.navi_text {
 position:none;
}


.content_right {
 position:none;
 margin:0px 0px 0px 0px;
}


.navi_top {
 position:none;
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/green/navi_top.png',sizingMethod='image');
}


.news_top {
 position:none;
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/green/news_top.png',sizingMethod='image');
}


.box_lines {
 position:none;
 z-index:0;
 width:162px;
 height:10px;
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/box_lines.png',sizingMethod='scale');
}
.box_bottom {
 position:none;
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/box_bottom.png',sizingMethod='image');
}

Alles anzeigen

[/b]

Beiträge von eipie

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

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