CSS: Homepage unter IE7 nicht optimal angezeigt

midiweb

hallo, die nachstehende Homepage, die ich vor ein paar Monaten gestaltet habe, ist unter IE7 nicht optimal angezeigt: der Text überlappt zum Teil den Banner. Unter alle anderen Browser sind die Seiten optimal angezeigt. Das Problem liegt bestimmt an meinen CSS. Ich weiss leider nicht was muss für IE7 geändert werden.

Code

http://www.rechtsanwaltskanzlei-steineck.de

Hier ist meine CSS:

Code

* CSS Document */


.font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}


.fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font:
	font-weight: normal;
	font-style: normal;
	font-weight: bold;	
}


body {
	position: absolute;
	margin: 0em;
	margin-left: 0em;
	padding: 0em;
	width: auto;
	height: auto;

}


div#oben {
	margin-bottom:auto;
	margin-top:auto;
	width: auto;
	height: 0.50em;


}


	  


#menu {
	position: absolute;
	width: 112px;
	height: 500px;
	margin: 0px;
	padding: opx;
	left:4px;
	margin-top: 150px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000066;
	background-color:#FFFFFF;

		}


a.linken {
	color: #000033;
	text-decoration: underline;

	}
a.linken:hover { color: #666666; background-color: #CCCC9A; }



#frame {
	position:relative;
	margin-top: 140px;
	margin-left: 112px; 
	margin-bottom: 0px;
	padding: 8px;
	padding-top: 5px;
	width:900px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-left:dotted thin;

	}


#unten {
	position:relative;
	margin:0px;
	margin-top: auto;
	width: 860px;
	height: 50px;
    top: 0px;

}


</style>

Alles anzeigen

Brauche bitte dringend Ihre Hilfe. Danke im Voraus.

Dominikgt

schick mal den html code mit

midiweb

Hier erst "index.php". Reicht's? Es gibt noch sieben HTML-PHP seiten,...

PHP

<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sonja Steineck - Rechtsanwältin - Berlin</title>


<link href="frames.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {font-size: 10px}
-->
</style>
</head>
<body dir="ltr" lang="de">
<div id="oben">[img]bilder/banner2-bearbeitet.jpg[/img]</div>


	<div id="menu">



[b][url='index.php?page=home']Home[/url][/b]


	[b][url='index.php?page=profil']Kanzleiprofil[/url][/b]</p>
	[b][url='index.php?page=zivilrecht']Allgemeines Zivilrecht[/url][/b]


	[b][url='index.php?page=insolvenzrecht']Insolvenzrecht[/url][/b]


	[b][url='index.php?page=strafrecht']Strafrecht[/url][/b]


	[b][url='index.php?page=verkehrsrecht']Verkehrsrecht[/url][/b]


	[b][url='index.php?page=inkasso']Inkasso[/url][/b]


	[b][url='index.php?page=hartz']ALG II / Hartz IV[/url][/b]


	


[b][url='index.php?page=kosten']Kosten[/url][/b]


	[b][url='index.php?page=hinweise']Wichtige Hinweise[/url][/b]


	[b][url='index.php?page=kontakt']Kontakt[/url][/b]


	[b][url='index.php?page=formular']Formular[/url][/b]


	[b][url='index.php?page=impressum']Impressum[/url][/b]</p>
	</div>
<div id="frame">
<?php 
if (!isset($_REQUEST['page'])) $page='home'; else $page= $_REQUEST['page']; 
 switch($page)
{
case 'home': include ('home.php');break;
case 'profil': include ('profil.html');break;
case 'rechtsgebiete': include ('rechtsgebiete.html');break;
case 'zivilrecht': include ('zivilrecht.html');break;
case 'insolvenzrecht': include ('insolvenzrecht.html');break;
case 'strafrecht': include ('strafrecht.html');break;
case 'verkehrsrecht': include ('verkehrsrecht.html');break;
case 'inkasso': include ('inkasso.html');break;
case 'hartz': include ('hartz.html');break;
case 'rechtsgebiete': include ('rechtsgebiete.html');break;
case 'kosten': include ('kosten.html');break;
case 'hinweise': include ('hinweise.html');break;
case 'kontakt':include ('kontakt.html');break;
case 'formular':include ('form.php');break;
case 'impressum':include ('impressum.html');break;
} 
?>
</div>
<div id="unten">
<table>
      <tr><td>
        <div align="center">[img]bilder/banner-unten.jpg[/img]        </div>
        <p align="center" class="Style1">&copy; 2007 - Sonja Steineck - Bänschstrasse 61, 10247 Berlin | Tel.(030) 41 93 49 13 | Fax (030) 42 01 86 44 | [url='http://www.rak-berlin.de/']Rechtsanwaltskammer Berlin[/url] | Webdesigner-Programmierier:[url='mailto:midiweb@gmx.de']Michael Di Moro[/url]</p>
		</td>
	</tr>
	<tr>	</tr>
</table>
</div>
</body>
</html>

Alles anzeigen

midiweb

und "home.php"( die durch "include" in "index.php" eingefügt wird):

PHP

<p align="left" class="gras">[b]Herzlich Willkommen auf den  Internetseiten der Rechtsanwaltskanzlei Sonja  Steineck[/b]</p>
<p class="font">Auf den folgenden  Seiten m&ouml;chte ich Ihnen die M&ouml;glichkeit geben, sich &uuml;ber meine Kanzlei, deren  Leistungsspektrum sowie die Kosten einer rechtlichen Auseinandersetzung zu  informieren. Dar&uuml;ber hinaus m&ouml;chte ich Ihnen einige Tipps und Informationen an  die Hand geben, wie Sie sich am besten auf einen Anwaltstermin vorbereiten  k&ouml;nnen und wie sich der Ablauf eines Besprechungstermins und eine weitere Mandatsbearbeitung  darstellt. </p>
<p class="font">Naturgem&auml;&szlig; kann ein einzelner Rechtsanwalt  heute nicht mehr in allen Rechtsgebieten umfassend und kompetent beraten. Das  deutsche und das damit verflochtene europ&auml;ische Rechtssystem sowie der Umfang  der jeweiligen Rechtsprechung sind zu komplex, um auf s&auml;mtlichen Rechtsgebieten  eine hohe Beratungsqualit&auml;t zu garantieren. 


Deshalb konzentriert sich meine  anwaltliche T&auml;tigkeit auf folgende Bereiche:</p>
<table width="829" border="0" align="left" cellpadding="6" >
  <tr>
    <td width="148" valign="top"><div align="top">[img]bilder/justitia.jpg[/img]</div></td>
	<td width="217">[list=1]
  [*]<strong class="gras">allgemeines Zivilrecht[/b]


  


  [*]<strong class="fett">Insolvenzrecht  (Verbraucherinsolvenzen sowie Regelinsolvenzen f&uuml;r Unternehmer) [/b]


  


  [*]<strong class="fett">Strafrecht (insbesondere  Nebenklage)[/b]


  


  [*]<strong class="fett">Inkasso und Mahnwesen [/b]


  


  [*]<strong class="fett">Verkehrsrecht [/b]


  
[/list]</td>
<td  width="420" align="left" bordercolor="#000000" bgcolor="#E8E8E8" class="Style1">
  <p align="justify" class="font">Diese Spezialisierung sowie regelmäßige Fortbildungen und praktische Erfahrungen gewährleisten eine kompetente Beratung und Vertretung. Zu meinen Mandanten gehören Privatpersonen, Freiberufler, Einzelunternehmer, Existenzgründer sowie kleinere und mittlere Gewerbebetriebe. Ich nehme mir Zeit für Ihr Anliegen und erarbeite mit Ihnen gemeinsam den für Sie wirtschaftlich, juristisch und persönlich sinnvollsten Weg und zeige Ihnen eine konkrete Lösungsmöglichkeit auf. Diese beinhaltet – soweit möglich- eine einvernehmliche Lösung,
 um u. U. jahrelange und kostenintensive Prozesse zu vermeiden. Sollte dies im Einzelfall nicht zu dem erstrebten Ziel führen, vertrete ich Ihre Interessen auch vor Gericht. Ich bin berechtigt, bundesweit an allen Amts- und Landgerichten aufzutreten. Selbstverständlich kläre ich Sie im ersten Gespräch über die zu erwartenden Kosten  auf.

    Sollten Sie eine rechtliche Beratung auf einem anderen Rechtsgebiet als den angegebenen benötigen, werde ich Ihnen gerne einen dafür spezialisierten Kollegen empfehlen.</p>
  </td>
  </tr>
  <tr ></tr>
</table>




</p>




</p>




</p>




</p>




</p>






















<p  align="left" class="font">Haben Sie Fragen  oder ein konkretes Anliegen? Nehmen Sie doch einfach telefonisch oder per E-  Mail [url='index.php?page=kontakt']Kontakt[/url]
  mit meiner Kanzlei auf.


  Wenn Sie zu einem  bestimmten Thema zur&uuml;ckgerufen werden m&ouml;chten, nutzen Sie bitte das [url='index.php?page=formular']Kontaktformular[/url].


Ich werde mich dann umgehend mit Ihnen in  Verbindung setzen.</p>
<?php 
if (!isset($_GET['page'])) $page= 'home'; else $page= $_GET['page']; 
 switch($page)
{
case 'kontakt':include ('kontakt.html');break;
case 'formular':include ('formular.php');break;
} 
?>
<p class="style1"></p>
<p class="Style1"></p>

Alles anzeigen

Dominikgt

verbesser erstmal das:

Code

13 .fett Ungültige Nummer : font Versuche ein Semikolon vor dem Eigenschaftsnamen zu finden. Füge es hinzu. 
44 #menu Ungültige Nummer : padding opx ist kein padding-top-Wert : opx 
80 #unten Einlese-Fehler - [empty string]

midiweb

hallo, danke für eure Hilfe. Als Newbie, weiss ich nicht genau was ich für IE7 im CSS ändern muss. Dreamweaver gibt für #menu bei dem Validierungstest:

Code

Unsupported value: 'opx'


Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0

Mein CSS:

Code

/* CSS Document */


.font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}


.fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font:
	font-weight: normal;
	font-style: normal;
	font-weight: bold;	
}


body {
	position: absolute;
	margin: 0em;
	margin-left: 0em;
	padding: 0em;
	width: auto;
	height: auto;

}


div#haut {
	margin-bottom:auto;
	margin-top:auto;
	width: auto;
	height: 0.50em;


}


/*div#conteneur {
	height: 100%;
	width: 100%;
	float:left;
	}*/



#menu {
	position: absolute;
	width: 112px;
	height: 500px;
	margin: 0px;
	padding: opx;
	left:4px;
	margin-top: 150px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000066;
	background-color:#FFFFFF;

		}


a.linken {
	color: #000033;
	text-decoration: underline;

	}
a.liinken:hover { color: #666666; background-color: #CCCC9A; }



#frame {
	position:relative;
	margin-top: 140px;
	margin-left: 112px; 
	margin-bottom: 0px;
	padding: 8px;
	padding-top: 5px;
	width:900px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-left:dotted thin;

	}


#unten {
	position:relative;
	margin:0px;
	margin-top: auto;
	width: 860px;
	height: 50px;
        top: 0px;

}


</style>

Alles anzeigen

Nächste Fehlermeldung bei der Browserkompatibilität:

Code

Error parsing styles


Affects: Internet Explorer 6.0

Danke um mich zu helfen[/code]

Dominikgt

wie wärs, wenn du es dann mal änderst?
#menu {
padding:0px ---nicht opx

a.liinken:hover. meinst du da vlt a.linken:hover ?

midiweb

danke. Ich habe die erwähnte Korrekturen gemacht. Wie sieht es jetzt aus? Ich habe kein IE7.

CSS: Homepage unter IE7 nicht optimal angezeigt

Tags

Benutzer online in diesem Thema