IE7 Darstellung

2w1w2w · 27.09.2007, 17:05

AAAAAHHHHH, bitte helft mir. Ich habe die ganze Zeit meine Typo3 Seite im Firefox angeschaut. Jetzt musste ich feststellen, dass IE7 mir das komplette Layout verschiebt. Woran kann das liegen.

Hier mein Template

Code:

<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="language" content="de" />
	<link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
    

  </head>
  
  	
  	<!-- ###DOKUMENT### begin -->
	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" valign="top">
<table width="768" height="85" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="214">###LOGO###</td>
   <td width="554" colspan="9" valign="bottom" background="fileadmin/images/TecAmp_head.jpg">
   <table width="100%" height="35" border="0" cellpadding="0" cellspacing="0" class="tecampmenu">
     <tr>
       <td align="right">###MENU_OBEN###</td>
     </tr>
   </table></td>
  </tr>
</table>
<table width="768" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
  <tr>
    <td width="200" rowspan="2" valign="top" style="border-top-style:solid; border-top-width:thin; border-top-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color:#CCCCCC; border-left-style:solid; border-left-width:thin; border-left-color:#CCCCCC">	
	<table width="200" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tecampheadlinewh" style="padding-left:10px; padding-top:5px; padding-bottom:5px"><font color="#c20105">&gt;&gt;</font>Quick
          Product Finder<br>
		  
		</td>
      </tr>
      <tr>
        <td class="tecampmenu" style="border-top-style:solid; border-top-width:thin; border-top-color:#CCCCCC">###LINKS###</td>
      </tr>
    </table></td>
    <td width="568" height="425" colspan="2" valign="top" style="border-style:solid; border-width:thin; border-color:#CCCCCC">###HEADLINE###</td>
  </tr>
  <tr>
    <td width="284" valign="top" class="tecampwh" style="border-style:solid; border-width:thin; border-color:#CCCCCC">###INHALT###</td>
    <td width="284" valign="top" class="tecampwh" style="border-style:solid; border-width:thin; border-color:#CCCCCC">###RECHTS###</td>
  </tr>
</table>
</td>
  </tr>
</table>
<!-- ###DOKUMENT### end -->

  	</html>

Meine CSS Datei

Code:

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #FFFFFF;
	padding-left:3mm;
	padding-top:2mm;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	padding-left:3mm;
	padding-top:2mm;
	}

p {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
	padding-left:3mm;
	padding-top:2mm;
}

.tecamp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
}

.tecamp a{
	text-decoration: underline;
    color:#000000;
}

.tecampmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #c20105;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}

.tecampmenu a{
	text-decoration: none;
    color:#FFFFFF;
}

.tecampwh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}

.tecampwh a{
	text-decoration: underline;
    color:#FFFFFF;
}

.tecampheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000000;
}

.tecampheadline a{
	text-decoration: underline;
    color:#FFFFFF;
}

.tecampheadlinewh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #FFFFFF;
}

.tecampheadlinewh a{
	text-decoration: underline;
   color:#FFFFFF;
}

SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #a0a0a0;
  border: 0px solid #CCCCCC;
}

INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color:#a0a0a0;
  border: 1px solid #CCCCCC;
}

BUTTON {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #EDEFF1;
}

.csc-mailform {
  border: 0px none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

.csc-mailform-field {
  margin-bottom: 5px;
  line-height: 18px;
}

Elli · 27.09.2007, 22:13

Es wäre viel einfacher, wenn du mal die Seite auf einen Webspace schieben
könntest, dass man die Seite direkt ansurfen kann.

Danke

threadi · 28.09.2007, 00:00

Spontan würd ich erstmal sagen, dass der Doctype fehlt. Ohne den zeigt jeder Browser an was er will

steffenk · 28.09.2007, 00:13

@threadi: Typo3 benutzt nur das innerhalb von
...
Header erzeugt Typo3 aus der Konfiguration, und da gibt es immer einen Doctype.

Das Problem wird eher bei IE-spezifischen Problemen liegen und am falschen Mass.
mm ist im Printbereich ok, für Web sollte man immer em oder px benutzen.

2w1w2w · 28.09.2007, 14:28

Die URL ist: www.tech-soundsystems.de/TecAmp/index.php

Ich auf jeden Fall habe immer noch keine Lösung gefunden.
FF und IE7 stellen das Ganze komplett unterschiedlich dar.

chris0178 · 05.10.2007, 09:09

Und wenn du einfach zwei css Files nimmst, einen für den ie und einen für den FF?
So mache ich das immer.

Zitat:

page.headerData.10.value (

<link href="fileadmin/res/ff.css" rel="stylesheet" type="text/css" />



)