IE Fehler

GoldenEye · 30. November 2006

Hi,

Ich habe ien Problem mit meiner Gallerie.
Im Firefox sieht diese seite: http://kfg.pytalhost.com/gallery_preview.php?category=1. Interne Stufenparty
so aus wie sie sollte. aber jetzt betrachtet euch das mal im IE!

der Code:

gallery_preview.php

PHP:

<html>

<html><head>

</head>

<?php
    error_reporting(E_ALL);

    include 'CONFIGURATIONSDATEI';

    @mysql_connect(MYSQL_HOST, MYSQL_USER, MYSQL_PASS) OR die(mysql_error());
    mysql_select_db(MYSQL_DATABASE) OR die(mysql_error());

    $sql = "SELECT
		id,
                text,
		file
            FROM
                gallery
	     WHERE
		category = '".$_GET['category']."'
            ORDER BY
                sort ASC;";

    
    $result = mysql_query($sql) OR die(mysql_error());

    include "style/header.tpl";

    include "style/gallery_preview.tpl";

    include "style/navi.tpl";

    include "style/footer.tpl";

      

?>
</html>

style/gallery_preview.tpl

PHP:

<html>
<head>
<script type="text/javascript" src="gallery/js/prototype.js"></script>
<script type="text/javascript" src="gallery/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="gallery/js/lightbox.js"></script>
<link rel="stylesheet" href="gallery/css/lightbox.css" type="text/css" media="screen" />
</head>

<?php
	include "style/main_start.tpl";


while($row = mysql_fetch_assoc($result)) {
       echo "<a href=\"gallery/".$row['file']."\" rel=\"lightbox[roadtrip]\"\"><img src=\"gallery/".$row['file']."\" width=\"94\" height=\"\"\"></a>&nbsp;\n";
    }  


	include "style/main_end.tpl";
	?>
		

</html>

Ich habe echt keine Plan, wie ich das ändern kann. setzte ich eine feste imagehöhe, dann gibts wieder Probleme mit längs und Querbildern.
und außerdem, wieso sitzt das ganze so weit links?
Hoffe mir kann da jemand weiterhelfen.

Gruß

Maik · 30. November 2006

Hast du schon mal das Markup vom Validator überprüfen lassen?

-> http://validator.w3.org/check?uri=h...eview.php?category=1.%20Interne%20Stufenparty

Online-Skater · 30. November 2006

Wenn man in den Quellcode schaut sieht man das du es bei dem Attribut height=""(")! etwas übertreibst mit den Anführungszeichen

Ich nehme an das sind keine thumbnails und deswegen machst du width und height, besser wäre wenn du thumbnails dafür benutzt, wegen kürzere Ladezeiten usw. ^^

Dr Dau · 30. November 2006

Hallo!

Online-Skater hat gesagt.:
Wenn man in den Quellcode schaut sieht man das du es bei dem Attribut height=""(")! etwas übertreibst mit den Anführungszeichen

Gleiches gilt für:

HTML:

rel="lightbox[roadtrip]""

Ausserdem solltest Du auf Leerzeichen in Datei-/Verzeichnisnamen verzichten (könnte u.U. zu Problemen führen).
Zwecks besserer Lesbarkeit nehme ich z.b. das "_" Zeichen anstelle vom Leerzeichen.

Gruss Dr Dau

GoldenEye · 2. Dezember 2006

Hi,

danke für die Antowrten. Ich hab jetzt einfach mal die ganze high="" Angabe entfernt und jetzt gehts.

das mit thumbnails is so ne Sache, bei keine Lust erst 150 Vorschaubilder und dann die 150 originale hochzuladen.

Gruß

Flex · 2. Dezember 2006

Du könntest die Thumbnails auch einfach von php machen lassen... Gibt dafür genügend Beispiele hier im Forum.
Benutz doch einfach mal die Suche oder schau in den Codeschnipseln vorbei, denke da ist bestimmt was bei.

Ansonsten selbst dran versuchen... So schwer ist es gar nicht ein Bild zu verkleinern

Dr Dau · 2. Dezember 2006

Zuerst würde ich aber mal die restlichen Fehler beseitigen (siehe Michaels Link).

Maik · 2. Dezember 2006

Stimmt, die Auffälligsten hab ich mal rot markiert

Code:

<html>

<html><head>

</head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="English" />
	<meta name="Distribution" content="Global" />
	<meta name="Author" content="Abi08-KFG" />
	<meta name="Robots" content="index,follow" />
	<meta name="Description" content="Abi08-KFG" />
	<meta name="Keywords" content="Abi08-KFG" />
	<link rel="stylesheet" type="text/css" href="images/style.css" />
	<title>Abi08-KFG</title>
</head>
<body>
	<div id="header">
		<div id="logo">
			<p class="slogan"><b>PartyPics online</b><br />Jetzt oder nie!</p>
			<div style="float: left;">
				<h1><a href="#">Abi08-KFG</a></h1>
			</div>
		</div>
		
	</div>

			
	

		
<html>
<head>
<script type="text/javascript" src="gallery/js/prototype.js"></script>
<script type="text/javascript" src="gallery/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="gallery/js/lightbox.js"></script>
<link rel="stylesheet" href="gallery/css/lightbox.css" type="text/css" media="screen" />
</head>

<div class="content">
		<div id="articles">
			<div id="left"><a href="gallery/1. Interne Stufenparty.JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty.JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (1).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (1).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (2).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (2).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (3).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (3).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (4).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (4).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (5).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (5).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (6).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (6).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (7).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (7).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (8).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (8).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (9).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (9).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (10).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (10).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (11).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (11).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (12).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (12).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (13).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (13).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (14).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (14).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (15).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (15).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (16).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (16).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (17).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (17).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (18).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (18).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (19).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (19).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (20).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (20).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (21).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (21).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (22).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (22).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (23).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (23).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (24).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (24).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (25).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (25).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (26).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (26).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (27).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (27).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (28).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (28).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (29).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (29).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (30).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (30).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (31).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (31).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (32).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (32).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (33).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (33).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (34).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (34).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (35).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (35).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (36).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (36).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (37).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (37).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (38).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (38).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (39).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (39).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (40).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (40).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (41).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (41).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (42).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (42).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (43).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (43).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (44).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (44).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (45).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (45).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (46).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (46).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (47).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (47).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (48).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (48).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (49).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (49).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (50).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (50).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (51).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (51).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (52).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (52).JPG" width="94" ></a>&nbsp;
<a href="gallery/1. Interne Stufenparty (53).JPG" rel="lightbox[roadtrip]"><img src="gallery/1. Interne Stufenparty (53).JPG" width="94" ></a>&nbsp;
</div>
				

</html>
		

<html>

<div id="right">
<div id="rightmenu">


</html>
<a href="index.php" target="_self">Start</a><a href="gallery.php" target="_self">Gallerie</a><a href="guest.php" target="_self">Gästebuch</a><a href="http://www.abi08.edu.tf/" target="_blank">Forum</a><a href="feed.php" target="_self">Kontakt</a><a href="page.php?id=1" target="">Impressum</a>
<html>
<div id="searchform">
						<form method="post" class="search" action="">
							<p><input name="pojam" class="text" id="pojam" type="text" />
  							<input name="search" class="button" value="Search" type="submit" /></p>
  						</form>
					</div>
				</div>
		<div class="rightarticle">
					<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <a href="#">quis nostrud exerci</a>.</p>
				</div>					
				
				<div class="rightarticle">
					<p>
						<a href="http://einsneun-musik.de/">EinsNeun Musik</a><br />
						<a href="http://heidelbergpics.de/">HeidelbergPics</a><br />
						<a href="http://kfg-heidelberg.de//">KFG: We love it!</a><br />
						<a href="#">Lehrplan</a><br />

					</p>
				</div>
			
				
			</div>
		</div>
</html><div id="links">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>		
		</div>
	</div>

	<div id="additional">
		<p><b>Der Betreiber dieser Seite übernimmt keine Haftung</b> für die Richtigkeit der Inhalte. Die Nutzung der Mediendaten erfolgt auf eigene Gefahr.</p>
	</div>
		
	<div id="whiteline"></div>

	<div id="footer">
		<p style="float: left;"><a href="#">Archive</a><img src="images/separator.gif" alt="" /><a href="#">RSS Feed</a>
		<br /><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><img src="images/separator.gif" alt="" /><a href="#">Accessibility</a></p>
		<p style="float: right; text-align: right;"><a href="feed.php">Contact Us</a><br />
		&copy; Copyright 2006, <a href="http://www.Abi08-kfg" title="Abi08-kfg">Abi08-kfg</a><img src="images/separator.gif" alt="" />Design: Luka Cvrk, <a href="http://www.solucija.com/">Solucija</a></p>
	</div>
<script src="http://layer-ads.de/la-11423-subid:pho50411.js" type="text/javascript"></script></body>	
</html></html>

Dr Dau · 2. Dezember 2006

michaelsinterface hat gesagt.:
Stimmt, die Auffälligsten hab ich mal rot markiert

Du hast den <link>-Tag für das 2. Stylesheet vergessen (darf sich nur im <head>-Tag befinden).

Maik · 2. Dezember 2006

Ich hab nur das markiert, was da in dem Dokument nichts zu suchen hat

IE Fehler

GoldenEye

Erfahrenes Mitglied

Maik

Online-Skater

Erfahrenes Mitglied

Dr Dau

ich wisch hier durch

GoldenEye

Erfahrenes Mitglied

Flex

(aka Felix Jacobi)

Dr Dau

ich wisch hier durch

Maik

Dr Dau

ich wisch hier durch

Maik

Neue Beiträge