Auf Internet Explorer Fehler, aber FireFox geht...

Status
Nicht offen für weitere Antworten.
K

kreatin

Grünschnabel
Hallo liebe tutorials.de Community!

Ich habe ein großer Fiasko und weiss nicht wie sich das beheben lässt, bin völlig ratlos...:(
Ich benutze lieber FireFox 3 und habe auch während ich eine Seite bearbeitet habe, meist geguckt ob sie da richtig angezeigt wird.
Nun ist es dem gar nicht so wie ich feststellen musste als ich die gleiche seite im internet explorer 7 öffnete.
Seht selber
Screenshot 1 -> IE
Screenshot 2 ->FF

und der code ist ganz normal von dreamweaver cs3 geprüft und meckert nicht rum, das ist komisch.
Ich weiss nicht um was es sich bei diesem Problem genau handelt, dass manche Browser damit gar nicht klarkommen.

Quelltext:
<tr>
<td style="height:380px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="height:156px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:336px;">
<div style="margin:1px 15px 0 51px">
<img alt="" src="IMAGES/6-t1.gif" ><br>
<br style="line-height:21px">
<span ><strong>Monatliche Kosten und Unterrichtsdauer.</strong></span><br>
Wir bieten folgende pädagogische Leistungen:. </div>
<div class="line" style="margin:22px 0px 0 50px; width:262px"><img alt="" src="IMAGES/spacer.gif" width="1" height="1"></div>
</td>
<td style="width:430px;">
<div class="line" style="margin:128px 0px 0 198px; width:202px"><img alt="" src="IMAGES/spacer.gif" width="1" height="1"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height:224px">
<div style="margin:0px 20px 0 51px">
<img alt="" src="images/6-t2.gif" ><br>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="519" height="355">
<tr>

<td colspan="2"><table width="67%" border="1" cellspacing="0" cellpadding="4">
<tr>
<!-- Row 1 Column 1 -->
<td width="18%" >
<b>
Musikunterricht </b> </td>
<!-- Row 1 Column 2 -->

<td width="82%" >
<b>
Preise (Monat u. Person) </b> </td>
</tr>
<tr>
<!-- Row 2 Column 1 -->
<td >

<b>
Probestunde ca. 30 min.
</b>
</td>
<!-- Row 2 Column 2 -->
<td >
kostenlos
</td>
</tr>
<tr>

<!-- Row 3 Column 1 -->
<td >
<b>
Eine 3/4 Stunde/pro Woche Unterricht mit 4 Personen
</b>
</td>
<!-- Row 3 Column 2 -->
<td >
37, 00 Euro
</td>

</tr>
<tr>
<!-- Row 4 Column 1 -->
<td >
<b>
Eine 1/2 Stunde/pro Woche Unterricht mit 2-3 Personen
</b>
</td>
<!-- Row 4 Column 2 -->

<td >
37, 00 Euro
</td>
</tr>
<tr>
<!-- Row 5 Column 1 -->
<td >
<b>
Eine 3/4 Stunde/pro Woche Unterricht mit 2-3 Personen
</b>

</td>
<!-- Row 5 Column 2 -->
<td >
53, 00 Euro
</td>
</tr>
<tr>
<!-- Row 6 Column 1 -->
<td >

<b>
Eine 1/2 Stunde/pro Woche Einzelunterricht
</b>
</td>
<!-- Row 6 Column 2 -->
<td >
58, 00 Euro
</td>
</tr>
<tr>

<!-- Row 7 Column 1 -->
<td >
<b>
Eine 3/4 Stunde/pro Woche Einzelunterricht
</b>
</td>
<!-- Row 7 Column 2 -->
<td >
85, 00 Euro
</td>

</tr>
<tr>
<!-- Row 8 Column 1 -->
<td >
<b>
Eine Stunde/pro Woche Einzelunterricht
</b>
</td>
<!-- Row 8 Column 2 -->

<td >
113, 00 Euro
</td>
</tr>
</table>

</td>
</tr>
</table>

</div>
Zum Vergrößern anklicken....

Ich habe mir ein Ergebnis bei dem IE vorgestellt wie bei Firefox, wo ich leider irren musste.
Ihr seid doch sehr erfahren und könnt mir bestimmt erklären, was solche Komplikationen verursacht.
Ich wäre zurtiefst dankbar!
Danke und mfg daniel
 

Anhänge

  • err1.JPG
    err1.JPG
    39 KB · Aufrufe: 88
  • err2.JPG
    err2.JPG
    53,2 KB · Aufrufe: 79
1. Hat Dein Problem überhaupt nichts mit PHP zu tun
2, Du nutzt ein Tabellenlayout und das wird wohl auch das (dein) Problem sein, denn verschiedene Browser interpretieren Tabellen auch unterschiedlich. Überleg Dir, ob Du Deine Seite nicht lieber auf CSS umstellen willst.
 
Hallo,
Danke für deine Anwort, nun kann ich nachvollziehen was da los ist.
Nur stellt sich mir jetzt eine neue Frage:

Könntest du mir genau sagen, wie ich bei IE die gleiche Struktur beibehalte und so ein Ergebnis erreiche wie bei FF.
Was könnte man am besten in Stylesheet eintragen, dass es geht?^^
Ich weiss ist nicht wenig was ich für Probleme habe...:( habs mir selber nicht so erwünscht. :(

Danke schonmal. :)
 
Hallo,

formatiere deinen Quellcode doch mal bitte so, das er für einen Menschen lesbar ist (einrücken). Dann wirst du festellen das z.B. der öffnende <table> Tag oben fehlt und natürlich das gesamte Grundgerüst einer html Seite, so könnte der Grundaufbau aussehen.

HTML: 
<!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" xml:lang="en" lang="en">
<head>

</head>

<body>
</body>
</html>
 
Hallo,
Hehe ^^ danke dir aber das war nur ein Ausschnitt ^^

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Musikschule Burgart</title>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
	<table style="width:766px;height:810px; background:url(IMAGES/bg.jpg) no-repeat" cellspacing="0" cellpadding="0" align="center">
	  <tr>
		<td style="height:306px">
			<img alt="" src="IMAGES/logo.gif" style="margin-left:31px; margin-top:20px"><br>
			<div style="margin-left:31px; margin-top:20px">
			<a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r1','','IMAGES/l1.jpg',1)"><img alt="" src="IMAGES/l1.jpg" name="r1"></a><br>
			<a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2','','IMAGES/l2-2.jpg',1)"><img alt="" src="IMAGES/l2-2.jpg" name="r2"></a><br>
			<a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3','','IMAGES/l3.jpg',1)"><img alt="" src="IMAGES/l3.jpg" name="r3"></a><br>
			<a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4','','IMAGES/l5.jpg',1)"><img  alt="" src="IMAGES/l5.jpg" name="r4"></a><br>
			<a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r5','','IMAGES/l4.gif',1)"><img  alt="" src="IMAGES/l4.gif" name="r5"></a></div>
		</td>
	  </tr>
	  <tr>
		<td style="height:380px">
			<table  cellspacing="0" cellpadding="0">
			  <tr>
				<td style="height:156px">
					<table  cellspacing="0" cellpadding="0">
					  <tr>
						<td style="width:336px;">
							<div  style="margin:1px 15px 0 51px">
								<img alt="" src="IMAGES/6-t1.gif" ><br>
								<br style="line-height:21px">
								<span ><strong>Monatliche Kosten und Unterrichtsdauer.</strong></span><br>
Wir bieten folgende pädagogische Leistungen:.							</div>
							<div class="line" style="margin:22px 0px 0 50px; width:262px"><img alt="" src="IMAGES/spacer.gif" width="1" height="1"></div>
						</td>
						<td style="width:430px;">
							<div class="line" style="margin:128px 0px 0 198px; width:202px"><img alt="" src="IMAGES/spacer.gif" width="1" height="1"></div>
						</td>
					  </tr>
					</table>
				</td>
			  </tr>
			  <tr>
				<td style="height:224px">
					<div  style="margin:0px 20px 0 51px">
						<img alt="" src="http://www.tutorials.de/forum/images/6-t2.gif" ><br>
						<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="519" height="355">
  <tr>

    <td colspan="2"><table  width="67%" border="1" cellspacing="0" cellpadding="4">
	<tr>
		<!-- Row 1 Column 1 -->
		<td width="18%" >
			<b>
			Musikunterricht			</b>		</td>
		<!-- Row 1 Column 2 -->

		<td width="82%" >
			<b>
			Preise (Monat u. Person)			</b>		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td >

			<b>
			Probestunde ca. 30 min.
			</b>
		</td>
		<!-- Row 2 Column 2 -->
		<td >
		kostenlos
		</td>
	</tr>
	<tr>

		<!-- Row 3 Column 1 -->
		<td >
			<b>
				Eine 3/4 Stunde/pro Woche Unterricht mit 4 Personen 
			</b>
		</td>
		<!-- Row 3 Column 2 -->
		<td >
	37, 00 Euro
		</td>

	</tr>
	<tr>
		<!-- Row 4 Column 1 -->
		<td >
			<b>
			Eine 1/2 Stunde/pro Woche Unterricht mit 2-3 Personen
			</b>
		</td>
		<!-- Row 4 Column 2 -->

		<td >
		37, 00 Euro
		</td>
	</tr>
	<tr>
		<!-- Row 5 Column 1 -->
		<td >
			<b>
			Eine 3/4 Stunde/pro Woche Unterricht mit 2-3 Personen 
			</b>

		</td>
		<!-- Row 5 Column 2 -->
		<td >
	53, 00 Euro
		</td>
	</tr>
	<tr>
		<!-- Row 6 Column 1 -->
		<td >

			<b>
			Eine 1/2 Stunde/pro Woche Einzelunterricht
			</b>
		</td>
		<!-- Row 6 Column 2 -->
		<td >
	58, 00 Euro
		</td>
	</tr>
	<tr>

		<!-- Row 7 Column 1 -->
		<td >
			<b>
			Eine 3/4 Stunde/pro Woche Einzelunterricht
			</b>
		</td>
		<!-- Row 7 Column 2 -->
		<td >
	85, 00 Euro
		</td>

	</tr>
	<tr>
		<!-- Row 8 Column 1 -->
		<td >
			<b>
			Eine Stunde/pro Woche Einzelunterricht
			</b>
		</td>
		<!-- Row 8 Column 2 -->

		<td >
	113, 00 Euro
		</td>
	</tr>
</table>

        </td>
  </tr>
</table>

</div>


                        <br style="line-height:28px">
						<span ><strong>Burgart Musik&amp;Schule behält sich das Recht vor die oben genannten Kosten für den Unterricht unvermeidbar zu errhalten.</strong></span><br>
Alle Preise sind von uns festgelegt worden und bedürfen keinerlei Änderungen.<br>
<br>
<span ><a href="#" >info@burgart-musikschule.de</a></span>					</div>
				</td>
			  </tr>
			</table>
		</td>
	  </tr>
	  <tr>
		<td style="height:124px">
			<table  cellspacing="0" cellpadding="0">
			  <tr>
				<td style="width:31px;"></td>
				<td style="width:712px; background:url(IMAGES/bg-bot.gif) top repeat-x">
					<div class="c_text" style="margin:39px 0px 0 6px">
						Copyright 2008 &copy;  All rights reserved. <a href="#" >Terms of use</a>&nbsp; |&nbsp; <a href="index-5.html" >Privacy Policy</a>
					</div>
				</td>
				<td style="width:23px;"></td>
			  </tr>
			</table>
		</td>
	  </tr>
	</table>
</body>
</html>

Das war nicht die komplette Quellcodeangabe, natürlich ist oben das <table> vorhanden hehe
Nur rückt er diese Tables nach Lust und Laune ein, was leider nicht mein Ziel ist, denn ich will ja eine Preistabelle machen, das es Jedermann erkennen kann.
Ist ganz schlecht wenn nur FireFox User sich einen Überblick verschaffen können, sowas ist nicht gut. :(
Ich brauche wohl tatsächlichen Ansatz eines CSS bloß wie der aussehen soll, das ist ne gute Frage, die mir noch zu hoch ist, da ich bisher wenige Stylesheetserfahrungen sammeln konnte. :(

Mfg Daniel
 
Zuletzt bearbeitet:
so auf die schnelle ist mir das aufgefallen.

HTML: 
<td style="height:224px">
					<div  style="margin:0px 20px 0 51px">
						<img alt="" src="http://www.tutorials.de/forum/images/6-t2.gif" ><br>
						<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="519" height="355">

hier sagst du das <td>soll 224px hoch sein, aber die einschliessende Tabelle 355px:confused:, überarbeite das mal, desweiteren includest du ja schon eine css datei. Dort solltest du natürlich den Rest auch reinmachen. Schaue dich mal im Css Forum um, Maik hat dort ziemlich viele Beispiele zusammen getragen, da wird für dich bestimmt das Richtige bei sein.

Gruss
 
Kalles Einwand hat noch einen weiteren Hintergrund. Schau Dir mal den Header an und kopier den mal rein. Alle Browser haben einen Quirks-Mode, das heisst, Seiten werden so gut wie möglich angezeigt, obwohl Fehler drin sein können oder nicht W3C-konform sind. Auch Tabellen werden überall gleich angezeigt, wenn der Quirksmode vermieden wird.

Abgesehen davon halte ich inzwischen nichts mehr von HTML-Editoren ( habe auch mit Dreamweaver angefangen ). Nun nur noch ein komfortabler Texteditor und hardcoden. Erspart das lästige "Wie sieht denn das aus?".

Links:
http://de.wikipedia.org/wiki/Quirks-Modus
http://www.quirksmode.org/css/quirksmode.html

mfg chmee
 
Hallo liebe tutorials.de Community, Hallo Maik du Ultra-Pro! ^^
(hab schon einige gesehen wie krass du alles direkt beantwortest =) )


Ich habe ein großer Fiasko und weiss nicht wie sich das beheben lässt, bin völlig ratlos...
Ich benutze lieber FireFox 3 und habe auch während ich eine Seite bearbeitet habe, meist geguckt ob sie da richtig angezeigt wird.
Nun ist es dem gar nicht so wie ich feststellen musste als ich die gleiche seite im internet explorer 7 öffnete.
Neue Screenshots, nicht die unten

Screenshot 1 -> Firefox
Screen 1
mit folgendem header:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

Screenshot 2 -> Firefox
Screenshot 3
mit folgendem header:

Code: 
<!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" xml:lang="en" lang="en">
<head>

und der code ist ganz normal von dreamweaver cs3 geprüft und meckert nicht rum, das ist komisch.
Ich weiss nicht um was es sich bei diesem Problem genau handelt, dass manche Browser damit gar nicht klarkommen.
Ich würde es gerne haben wie auf dem ersten Bild, dass es nicht so verschoben ist...

Ein weiteres Problem ist:
Ich habe mit dem neuen Header durch die Hilfe hier im Forum

Code: 
<!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" xml:lang="en" lang="en">
<head>

es geschafft, das die wenigstens was von meinen Preisen (siehe Screens unten zuvor) bessert, indem sie ENDLICH zu sehen sind, aber nun liegt der Abstand von denen echt heftig weit auseinander im IE (nicht FF):
Screenshot -> IE
Screenshot

Screenshot -> FF (wie ich es gerne hätte auch im IE sogar noch etwas näher als hier an einander)

Screenshot


Quelltext:
HTML Site Datei:

HTML: 
<!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" xml:lang="en" lang="en">
<head>


<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Musikschule Burgart</title>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
	<table style="width:766px;height:810px; background:url(IMAGES/bg.jpg) no-repeat" cellspacing="0" cellpadding="0" align="center">
	  <tr>
		<td style="height:306px">
			<img alt="" src="IMAGES/logo.gif" style="margin-left:31px; margin-top:20px"><br>
			<div style="margin-left:31px; margin-top:20px">
			<a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r1','','IMAGES/l1.jpg',1)"><img alt="" src="IMAGES/l1.jpg" name="r1"></a><br>
			<a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2','','IMAGES/l2-2.jpg',1)"><img alt="" src="IMAGES/l2-2.jpg" name="r2"></a><br>
			<a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3','','IMAGES/l3.jpg',1)"><img alt="" src="IMAGES/l3.jpg" name="r3"></a><br>
			<a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4','','IMAGES/l5.jpg',1)"><img  alt="" src="IMAGES/l5.jpg" name="r4"></a><br>
			<a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r5','','IMAGES/l4.gif',1)"><img  alt="" src="IMAGES/l4.gif" name="r5"></a></div>
		</td>
	  </tr>
	  <tr>
		<td style="height:380px">
			<table  cellspacing="0" cellpadding="0">
			  <tr>
				<td style="height:156px">
					<table  cellspacing="0" cellpadding="0">
					  <tr>
						<td style="width:336px;">
							<div  style="margin:1px 15px 0 51px"><img alt="" src="IMAGES/6-t1.gif" ><br>
								<br style="line-height:21px">
								<span ><strong>Monatliche Kosten und Unterrichtsdauer.</strong></span><br>
Wir bieten folgende pädagogische Leistungen:.							</div>
						  <div class="line" style="margin:22px 0px 0 50px; width:262px"><img alt="" src="IMAGES/spacer.gif" width="1" height="1"></div>						</td>
						<td style="width:430px;">
							<div class="line" style="margin:128px 0px 0 198px; width:202px"><img alt="" src="IMAGES/spacer.gif" width="1" height="1"></div>						</td>
					  </tr>
					</table>
				</td>
			  </tr>
			  <tr>
				<td style="height:224px">
					<div  style="margin:0px 20px 0 51px">
						<img alt="" src="IMAGES/6-t2.gif" ><br>
						<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="366" height="355">
  <tr>

    <td colspan="2"><table  width="67%" border="1" cellspacing="0" cellpadding="4">
	<tr>
		<!-- Row 1 Column 1 -->
		<td width="18%" >
			<b>
			Musikunterricht			</b>		</td>
		<!-- Row 1 Column 2 -->

		<td width="82%" >
			<b>
			Preise (Monat u. Person)			</b>		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td >

			<b>
			Probestunde ca. 30 min.
			</b>
		</td>
		<!-- Row 2 Column 2 -->
		<td >
		kostenlos
		</td>
	</tr>
	<tr>

		<!-- Row 3 Column 1 -->
		<td >
			<b>
				Eine 3/4 Stunde/pro Woche Unterricht mit 4 Personen 
			</b>
		</td>
		<!-- Row 3 Column 2 -->
		<td >
	39, 00 Euro
		</td>

	</tr>
	<tr>
		<!-- Row 4 Column 1 -->
		<td >
			<b>
			Eine 1/2 Stunde/pro Woche Unterricht mit 2-3 Personen
			</b>
		</td>
		<!-- Row 4 Column 2 -->

		<td >
		37, 00 Euro
		</td>
	</tr>
	<tr>
		<!-- Row 5 Column 1 -->
		<td >
			<b>
			Eine 3/4 Stunde/pro Woche Unterricht mit 2-3 Personen 
			</b>

		</td>
		<!-- Row 5 Column 2 -->
		<td >
	54, 00 Euro
		</td>
	</tr>
	<tr>
		<!-- Row 6 Column 1 -->
		<td >

			<b>
			Eine 1/2 Stunde/pro Woche Einzelunterricht
			</b>
		</td>
		<!-- Row 6 Column 2 -->
		<td >
	58, 00 Euro
		</td>
	</tr>
	<tr>

		<!-- Row 7 Column 1 -->
		<td >
			<b>
			Eine 3/4 Stunde/pro Woche Einzelunterricht
			</b>
		</td>
		<!-- Row 7 Column 2 -->
		<td >
	85, 00 Euro
		</td>

	</tr>
	<tr>
		<!-- Row 8 Column 1 -->
		<td >
			<b>
			Eine Stunde/pro Woche Einzelunterricht
			</b>
		</td>
		<!-- Row 8 Column 2 -->

		<td >
	113, 00 Euro
		</td>
	</tr>
</table>

        </td>
  </tr>
</table>

</div>


                        <br style="line-height:28px">
						<span ><strong>Burgart Musik&amp;Schule behält sich das Recht vor die oben genannten Kosten für den Unterricht unvermeidbar zu errhalten.</strong></span><br>
Alle Preise sind von uns festgelegt worden und bedürfen keinerlei Änderungen.<br>
<br>
<span ><a href="#" >info@burgart-musikschule.de</a></span>					</div>
				</td>
			  </tr>
			</table>
		</td>
	  </tr>
	  <tr>
		<td style="height:124px">
			<table  cellspacing="0" cellpadding="0">
			  <tr>
				<td style="width:31px;"></td>
				<td style="width:712px; background:url(IMAGES/bg-bot.gif) top repeat-x">
					<div class="c_text" style="margin:39px 0px 0 6px">
						Copyright 2008 &copy;  All rights reserved. <a href="#" >Terms of use</a>&nbsp; |&nbsp; <a href="index-5.html" >Privacy Policy</a>
					</div>
				</td>
				<td style="width:23px;"></td>
			  </tr>
			</table>
		</td>
	  </tr>
	</table>
</body>
</html>

Dazugehörige Stylesheet Datei:

HTML: 
body{
padding:0px;
margin:0px;
background-color:#000000;
}

table, td {
		width:100%;
		height:100%;
		border:0px;
	}

td { vertical-align:top;}

a:hover{text-decoration:none;}

img { border:0px;}

.main_text, table, li, input, textarea
	{
		font-family:Tahoma;
		font-size:11px;
		line-height:14px;
		color:#9D9D9D;
	}
	
strong a { color:#F6F6F6; font-size:10px; text-decoration:none}
strong a:hover{ color:#F6F6F6; font-size:10px; text-decoration:underline}
	
span strong { color:#FFFFFF}

span a { color:#FFFFFF}

.h_text { color:#FFFFFF; font-family:Arial; text-transform:uppercase}
.h2_text {font-family:Arial}
	
.l_text { color:#7C7C7C}
	
.c_text { color:#666666}
.c_text a{ color:#7A7A7A; font-family:Arial; font-size:10px}

.no_class, form, .no_class td
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:0px;
		
	}

.line { height:1px; background:url(IMAGES/bg-lin2.gif) repeat-x}

.input	{width:164px; height:18px; padding-left:5px; color:#737373}

textarea{width:160px; height:88px; padding-left:5px; overflow:hidden}

ul {margin:0; padding:0; list-style:none}
li  {background:none; margin:0px; padding:0px}
li a  {font-family:Tahoma; font-size:11px; line-height:17px; color:#FFFFFF;}
Ich habe mir ein Ergebnis bei dem IE vorgestellt wie bei Firefox, wo ich leider irren musste.
Ihr seid doch sehr erfahren und könnt mir bestimmt erklären, was solche Komplikationen verursacht.

Ich wäre zurtiefst dankbar!
Danke und mfg daniel
 

Anhänge

  • err1.JPG
    err1.JPG
    39 KB · Aufrufe: 24
  • err2.JPG
    err2.JPG
    53,2 KB · Aufrufe: 27
Zuletzt bearbeitet:
WOOOOOW NICE
Der Header gab mir eine normale Form, die sind zwar etwas weit auseinander, aber das klär ich noch
Danke Euch vielmals und auch dir chmee, denn dank dir konnte ich Kalles Sinn im Header erkennen! Habt es echt drauf.
Liep euch dolle^^
LG Daniel
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück