ilch Forum » Allgemein » HTML, PHP, SQL,... » Design IE und FF anpassen

Geschlossen
  1. Sa. 27.09.2008 13:11 Uhr #1
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Moin,

    ich habe mein Design leicht gecodet und es laeuft auch soweit alles in Opera jedoch im IE und FF zeigt er mir den Background und die eine Box nicht richtig an wie in Opera.

    gesperrtes Bild
    gesperrtes Bild 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{TITLE}</title>
<link rel="shortcut icon" type="image/x-icon" href="include/designs/kevin/images/favicon.ico">
<link href="include/designs/kevin/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Start LightboxJS2-->
<link rel="stylesheet" href="include/designs/kevin/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="include/includes/js/prototype.js"></script>
<script type="text/javascript" src="include/includes/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="include/includes/js/lightbox.js"></script>
<!--End LightboxJS2-->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-image:url(...); background-position:50% top; background-repeat:y-repeat;">
<table id="Tabelle_01" width="754" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="16" background="include/designs/kevin/images/index_01.png" width="754" height="14" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2" background="include/designs/kevin/images/index_02.png" width="4" height="73" alt="" /></td>
		<td>
			<a href="index.php?news"
   			onMouseOver="document.news.src='include/designs/kevin/images/index_home2.png';"
   			onMouseOut="document.news.src='include/designs/kevin/images/index_home.png';">
			<img src="include/designs/kevin/images/index_home.png" width="40" height="20" alt="" name="news" /></a></td>
		<td>
			<a href="index.php?about"
   			onMouseOver="document.about.src='include/designs/kevin/images/index_about2.png';"
   			onMouseOut="document.about.src='include/designs/kevin/images/index_about.png';">
			<img src="include/designs/kevin/images/index_about.png" width="57" height="20" alt="" name="about" /></a></td>
		<td>
			<a href="index.php?gallery"
   			onMouseOver="document.gallery.src='include/designs/kevin/images/index_bilder2.png';"
   			onMouseOut="document.gallery.src='include/designs/kevin/images/index_bilder.png';">
			<img src="include/designs/kevin/images/index_bilder.png" width="39" height="20" alt="" name="gallery" /></a></td>
		<td>
			<a href="index.php?referenzen"
   			onMouseOver="document.referenzen.src='include/designs/kevin/images/index_referenzen2.png';"
   			onMouseOut="document.referenzen.src='include/designs/kevin/images/index_referenzen.png';">
			<img src="include/designs/kevin/images/index_referenzen.png" width="70" height="20" alt="" name="referenzen" /></a></td>
		<td>
			<a href="index.php?gbook"
   			onMouseOver="document.gbook.src='include/designs/kevin/images/index_gbook2.png';"
   			onMouseOut="document.gbook.src='include/designs/kevin/images/index_gbook.png';">
			<img src="include/designs/kevin/images/index_gbook.png" width="66" height="20" alt="" name="gbook" /></a></td>
		<td>
			<a href="index.php?links"
   			onMouseOver="document.links.src='include/designs/kevin/images/index_links2.png';"
   			onMouseOut="document.links.src='include/designs/kevin/images/index_links.png';">
			<img src="include/designs/kevin/images/index_links.png" width="36" height="20" alt="" name="links" /></a></td>
		<td colspan="8" rowspan="2" background="include/designs/kevin/images/index_09.png" width="442" height="73" alt="" /></td>
	</tr>
	<tr>
		<td colspan="6" background="include/designs/kevin/images/index_10.png" width="308" height="53" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="3" background="include/designs/kevin/images/index_11.png" width="2" height="486" alt="" /></td>
		<td colspan="8" rowspan="3" background="include/designs/kevin/images/index_index.png" width="574" height="486" alt="" valign="top" />
                 <div id="index" >
		{EXPLODE}
                 </div>
                 </td>
		<td rowspan="2" valign="top">
			<img src="include/designs/kevin/images/index_13.png" width="18" height="151" alt="" /></td>
		<td colspan="5" background="include/designs/kevin/images/index_projekte.png" width="155" height="135" alt="" />
                 {_boxes_picofx}
                 </td>
		<td rowspan="2" valign="top">
			<img src="include/designs/kevin/images/index_15.png" width="5" height="151" alt="" /></td>
	</tr>
	<tr>
		<td colspan="5" valign="top">
			<img src="include/designs/kevin/images/index_16.png" width="155" height="16" alt="" /></td>
	</tr>
	<tr>
		<td colspan="6" background="include/designs/kevin/images/index_17.png" width="173" height="335" alt="" /></td>
		<td background="include/designs/kevin/images/index_18.png" width="5" height="335" alt="" /></td>
	</tr>
	<tr>
		<td colspan="16" background="include/designs/kevin/images/index_19.png" width="754" height="4" alt="" /></td>
	</tr>
	<tr>
		<td colspan="11" rowspan="2" background="include/designs/kevin/images/index_20.png" width="650" height="39" alt="" /></td>
		<td>
			<a href="index.php?impressum"><img src="include/designs/kevin/images/index_impressum.png" width="51" height="11" alt="" /></a></td>
		<td rowspan="2">
			<img src="include/designs/kevin/images/index_22.png" width="9" height="39" alt="" /></td>
		<td>
			<a href="index.php?contact"><img src="include/designs/kevin/images/index_kontakt.png" width="37" height="11" alt="" /></a></td>
		<td colspan="2" rowspan="2">
			<img src="include/designs/kevin/images/index_24.png" width="7" height="39" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="include/designs/kevin/images/index_25.png" width="51" height="28" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/index_26.png" width="37" height="28" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="2" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="2" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="40" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="57" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="39" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="70" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="66" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="36" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="264" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="18" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="56" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="51" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="9" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="37" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="2" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="5" height="1" alt="" /></td>
	</tr>
</table>
</body>
</html>


    hoffe mal man kann den fehler vllt in der htm datei finden.

    Gruss


    verwendete ilchClan Version: 1.1


    Zuletzt modifiziert von Siggi am 28.09.2008 - 20:29:37
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 27.09.2008 18:03 Uhr #2
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Opera sollte es gehn mit background damit zieht er den rest hoch

    Jedoch bei FF und IE uebernimmt er das nicht. schaut selbst rautesiggi.de/ und sagt mal wo der fehler sein koennte den ist nur unter der box bzw ist wegen der Box
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 27.09.2008 21:53 Uhr #3
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Ich habe mal ein wenig probiert etc jetzt muesste ich nur noch die hoehe angeben jedoch mit hight="100%" geht es nicht wie koennte ich es noch machen das es sich automatisch der hoehe anpasst?

    Danke

    Gruss
    Siggi
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  4. So. 28.09.2008 09:54 Uhr #4
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Richtig, height="100%" geht leider nicht. zwinker

    Du kannst jedoch den grauen Balken, welcher sich wiederholen soll, als Hintergrundbild setzen und vertikal wiederholen lassen.
    0 Mitglieder finden den Beitrag gut.
  5. So. 28.09.2008 09:56 Uhr #5
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    oehm indem ich einfach 
    <td colspan=\"6\" background=\"include/designs/kevin/images/index_17.png\" width=\"173\" height=\"335\" alt=\"\" /></td>
<td background=\"include/designs/kevin/images/index_18.png\" width=\"5\" height=\"335\" alt=\"\" /></td>


    den das habe ich ja gemacht und das geht in Opera auch nur in FF und IE nicht den in IE zieht er mir die Box noch ein wenig nach unten und im FF zieht er mit den grauen balken einfach ned hoeher.

    Gruss


    Zuletzt modifiziert von Siggi am 28.09.2008 - 09:57:17
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  6. So. 28.09.2008 10:06 Uhr #6
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Ich meine als Hintergrund vom ganzen Design

    body {background-image:url(...); background-position:50% top; background-repeat:y-repeat;}
    0 Mitglieder finden den Beitrag gut.
  7. So. 28.09.2008 10:12 Uhr #7
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    ja ne eigentlich sollte der background ja weiss bleiben traurig
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  8. So. 28.09.2008 11:40 Uhr #8
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    wie sollte ich das den sonst machen anders slicen?
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  9. So. 28.09.2008 20:28 Uhr #9
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Aber ich versteh nicht warum er es in Opera uebernimmt und im IE oder FF ned

    kla er uebernimmt manche befehle im ie ned wie in opera aber dafuer muesste es dann doch ne andere loesung geben oder nicht?

    Bin ich den der einzigste der das Problem hat man muesste es doch anpassen koennen ihrgendwie css?

    lachen

    Gruss
    Siggi
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  10. Mo. 29.09.2008 16:25 Uhr #10
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    kann mir vllt nun noch wer helfen wieso ich die box nicht richtig hinbekommen?

    index.htm 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{TITLE}</title>
<link rel="shortcut icon" type="image/x-icon" href="include/designs/kevin/images/favicon.ico">
<link href="include/designs/kevin/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Start LightboxJS2-->
<link rel="stylesheet" href="include/designs/kevin/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="include/includes/js/prototype.js"></script>
<script type="text/javascript" src="include/includes/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="include/includes/js/lightbox.js"></script>
<!--End LightboxJS2-->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<div id="content">
<table id="Tabelle_01" width="755" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="15">
			<img src="include/designs/kevin/images/index_01.png" width="754" height="14" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="14" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="include/designs/kevin/images/index_02.png" width="4" height="75" alt="" /></td>
		<td>
			<a href="index.php?news"
   			onMouseOver="document.news.src='include/designs/kevin/images/home2.png';"
   			onMouseOut="document.news.src='include/designs/kevin/images/home.png';">
			<img src="include/designs/kevin/images/home.png" width="40" height="20" name="news" alt="" /></td>
		<td>
			<a href="index.php?about"
   			onMouseOver="document.about.src='include/designs/kevin/images/about2.png';"
   			onMouseOut="document.about.src='include/designs/kevin/images/about.png';">
			<img src="include/designs/kevin/images/about.png" width="57" height="20" name="about" alt="" /></td>
		<td>
			<a href="index.php?gallery"
   			onMouseOver="document.gallery.src='include/designs/kevin/images/bilder2.png';"
   			onMouseOut="document.gallery.src='include/designs/kevin/images/bilder.png';">
			<img src="include/designs/kevin/images/bilder.png" width="38" height="20" name="gallery" alt="" /></td>
		<td>
			<a href="index.php?referenzen"
   			onMouseOver="document.referenzen.src='include/designs/kevin/images/referenz2.png';"
   			onMouseOut="document.referenzen.src='include/designs/kevin/images/referenz.png';">
			<img src="include/designs/kevin/images/referenz.png" width="70" height="20" name="referenzen" alt="" /></td>
		<td>
			<a href="index.php?gbook"
   			onMouseOver="document.gbook.src='include/designs/kevin/images/gbook2.png';"
   			onMouseOut="document.gbook.src='include/designs/kevin/images/gbook.png';">
			<img src="include/designs/kevin/images/gbook.png" width="67" height="20" name="gbook" alt="" /></td>
		<td>
			<a href="index.php?links"
   			onMouseOver="document.links.src='include/designs/kevin/images/index_links2.png';"
   			onMouseOut="document.links.src='include/designs/kevin/images/links.png';">
			<img src="include/designs/kevin/images/links.png" width="36" height="20" name="links" alt="" /></td>
		<td colspan="8" rowspan="2">
			<img src="include/designs/kevin/images/index_09.png" width="442" height="73" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="20" alt="" /></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="include/designs/kevin/images/index_10.png" width="308" height="53" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="53" alt="" /></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="4" background="include/designs/kevin/images/index.png" width="597" height="482" alt="" valign="top" />
                 <div id="index" align="left">
		{EXPLODE}
                 </div>
                 </td>
		<td rowspan="3" valign="top">
			<img src="include/designs/kevin/images/index_12.png" width="10" height="151" alt="" /></td>
		<td colspan="5" rowspan="2">
                 <div id="projekte">
                 {_boxes_picofx}
                 </div>
                 </td>
		<td rowspan="3" valign="top">
			<img src="include/designs/kevin/images/index_14.png" width="3" height="151" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="2" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="include/designs/kevin/images/index_15.png" width="4" height="482" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="129" alt="" /></td>
	</tr>
	<tr>
		<td colspan="5" valign="top">
			<img src="include/designs/kevin/images/index_16.png" width="140" height="20" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="20" alt="" /></td>
	</tr>
	<tr>
		<td colspan="6"></td>
		<td rowspan="2"></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="331" alt="" /></td>
	</tr>
	<tr>
		<td colspan="13" rowspan="2">
			<img src="include/designs/kevin/images/index_19.png" width="747" height="8" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="2" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="include/designs/kevin/images/index_20.png" width="4" height="34" alt="" /></td>
		<td rowspan="3">
			<img src="include/designs/kevin/images/index_21.png" width="3" height="34" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="6" alt="" /></td>
	</tr>
	<tr>
		<td colspan="9" rowspan="2">
			<img src="include/designs/kevin/images/index_22.png" width="646" height="28" alt="" /></td>
		<td>
			<a href="index.php?impressum"><img src="include/designs/kevin/images/impressum.png" width="51" height="11" alt="" /></a></td>
		<td rowspan="2">
			<img src="include/designs/kevin/images/index_24.png" width="9" height="28" alt="" /></td>
		<td>
			<a href="index.php?contact"><img src="include/designs/kevin/images/kontakt.png" width="37" height="11" alt="" /></a></td>
		<td rowspan="2">
			<img src="include/designs/kevin/images/index_26.png" width="4" height="28" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="11" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="include/designs/kevin/images/index_27.png" width="51" height="17" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/index_28.png" width="37" height="17" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="1" height="17" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="4" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="40" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="57" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="38" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="70" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="67" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="36" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="289" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="10" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="39" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="51" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="9" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="37" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="4" height="1" alt="" /></td>
		<td>
			<img src="include/designs/kevin/images/Abstandhalter.gif" width="3" height="1" alt="" /></td>
		<td></td>
	</tr>
</table>
</body>
</html>


    Danke

    Gruss


    Zuletzt modifiziert von Siggi am 29.09.2008 - 16:29:02
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  11. So. 05.10.2008 02:28 Uhr #11
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    Achja um eine Seite zu überprüfen ob Sie fehlerfrei is, und HTML fähig gibts son Check:

    validator.w3.org/

    der zeigt dir alle Fehler an, wenn du die behebst, müsste die Seite in allen Browsern ohne Probleme angezeigt werden (;
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  12. So. 05.10.2008 02:40 Uhr #12
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Ach habs doch schon lange war nur falsch gecodet zunge
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten