Probleme mit IE Darstellung

12.11.2010, 09:09

Guten Morgen Leute,
da ich hier neu bin stell ich mich kurz vor.
Ich bin der Andi, 18 Jahre alt und begann dieses Jahr meine Ausbildung als Mediengestalter. Da ich in meinem Betrieb mehr programmieren als gestalten werde, dürftet ihr mich hier in zukunft auch öfters sehen :P

Zu meinem Problem:
Ich hab eine Seite programmiert und jetzt auf allen Browser ausgetestet..
Auf Firefox und Chrome ist alles so wie ich es haben will, alles funktioniert dort.
Bei IE,Safari und Opera gibts eineige Fehler.
1. Die Seite wird nicht zintriert
2. Die wechselnden Backgroundbilder werden nicht angezeigt

Leider kann/darf ich es nicht online zeigen. Aber wer mir wirklich helfen kann/will dann soll er/sie mir bitte hier oder per pn Bescheid geben... ich schick dem/der jenigen dann den Link.

Aber hier schon mal der Quellcode:

Code:

 
EDIT

Zur Erklärung:
Die ganze Seite ist nur eine Datei(index.php).
Beim Content handelt es sich um ein SwitchCase wie man beim ersten Codeschnipsel sehen kann.
Danach kommt der Shadowbox(lightbox) code und die CSS-Stile.
Gleich als erstes im Body findet man einen Div namens ApDiv1.
Dieser Div ist für die Backgrounds zuständig. Und zwar soll je nach Content der Background switchen. Den Div selber hab ich auf z-index -2 gestellt damit es im Hintergrund ist.
Ich hoffe ihr blickt diesen Code durch

Wie schon gesagt... in Firefox und chrome funktioniert alles perfekt!
Nur bei IE, Safari und Opera wird die gesamte Seite nicht Zentriert und der Background wird nicht angezeigt, sonst funktioniert bei den Browser auch alles.

Ich bitte um Hilfe. Vielen Dank im vorraus!

Liebe Grüße, Andi

agrajag · 12.11.2010, 09:16

Hallo Andi,

bei solchen Problemen kannst du es dir sparen uns den PHP-Code zu zeigen. Intressant ist da nur was am Ende als HTML-Code dasteht.

Außerdem ist es sehr anstrengend solche Probleme ohne Online-Beispiel (kann ja auf das nötigste reduziert sein) zu lösen. Niemand hat große Lust durch ellenlange Codezeilen durchzuschauen ohne zu sehen was eigentlich los ist.

Am besten bastelst du also kurz eine Demo zusammen die dein Problem zeigt - zumindest brauchen wir aber den ausgegebenen HTML-Code...

12.11.2010, 09:29

Danke für die Antwort... habe ich mir schon fast gedacht

Ein Online Beispiel besteht schon... nur will ich den Link hier nicht so öffentlich preisgeben. Also bitte ich darum das mir hier oder per pn bescheid gegeben wird wer den link will.. dem schick ich dann per pn den link.

Agrajag dir hab ich schon mal den Link geschikt und ich editier jetzt gleich meinen ersten Post und ersetz den Code mit dem Quellcode.
Leider kann ich es auch nicht auf das nötigste verkürzen da ich nciht weis wo der fehler sein könnte... sry
Wenn es aber hilft könnte ich gerne den Code aufspalten.. also für jede Funktion den Code anzeigen...

agrajag · 12.11.2010, 09:46

Wenn du in einem öffentlichen Forum Hilfe willst solltest du auch kein Problem damit haben die Dinge die hilfreich sind zu veröffentlichen

Sonst hat das gleich irgendwie den "wir machen deine Hausaufgaben"-Flair...

Zum Problem: Du solltest nicht einfach zwei komplette HTML-Dokumente verschachteln. In den Dateien die du includest darf kein <html>, <body> <head> etc. drin sein - das hast du schließlich alles schon. So ist das kein gültiges HTML

12.11.2010, 09:59

Zitat:

Zitat von agrajag

Wenn du in einem öffentlichen Forum Hilfe willst solltest du auch kein Problem damit haben die Dinge die hilfreich sind zu veröffentlichen

Sonst hat das gleich irgendwie den "wir machen deine Hausaufgaben"-Flair...

Zum Problem: Du solltest nicht einfach zwei komplette HTML-Dokumente verschachteln. In den Dateien die du includest darf kein <html>, <body> <head> etc. drin sein - das hast du schließlich alles schon. So ist das kein gültiges HTML

Vielen Dank, ich schau mal ob ich vllt den Link hier reinsetzen kann.
Was ist aber wenn ich bei den Includes noch css stile und nen skript habe? muss ich die bei der index.php einsetzen?

/// Ok es lag wohl wirklich nur an den HTML,BODY,HEAD etc bei den Includes... jetzt geht alles. VIELEN DANK!
War jetzt bei sovielen Foren und so viele Leute wollten mir irgtwie helfen... komisch das nur du es gemerkt hast

lstegelitz · 12.11.2010, 15:31

War er vielleicht der Einzige, der bei dir per PN nach einem Testlink gefragt hat?

16.11.2010, 09:23

also mir hat keiner ne PN geschickt... nicht mal er
aber das Problem gibtes ja nicht mehr

eagle275 · 16.11.2010, 10:55

ja, ich häng mich hier mal an, weil das Thema das Gleiche ist ...

ich hab per Styleguide vorgeschrieben ein Hauptnavigationsmenü für meine Anwendung gebastelt. Tut auch im FF - nur im IE6 mag er es nicht vollständig.

Zwar wird das Menü ordentlich dargestellt, auch der Hover-Effekt klappt ohne Probleme, daneben stellt er besuchte Links im gewünschten Style dar.

Einzig der aktivierte Menüpunkt (der soll wiederum aussehen wie der :hover) der will nicht im IE6 - sondern wird einfach dargestellt, als ob der IE die zugewiesene Klasse nicht finden würde.

hier mal der betreffende Code eingedampft aufs wesentliche

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>BoSiNet-DB</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<STYLE type="text/css">
  *
  {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  }
  body {
	background-color: #87888a;
  }
  textarea
  {
	background-color: white;
  }
  body, textarea
  {
	color: #003B6A;
	font-size: 100.1%;
	padding: 0;
  }
  div.alles {
	background-color: #87888a;
	height: 100%;
	padding: 0px 0px;
	border: 0px none transparent;
	margin: 0px 0px;
	}
  div.seite
  {
	background-color: #FFF;
	width: 982px;
	padding: 0px 0px;
	border-left: 10px solid  white;
	border-right: 10px solid  white;
	border-top: 0px none transparent;
	border-bottom: 30px solid white;
	margin: 0px auto;
  }
  
   /* Hauptmenü */
  div.mainnavi
  {
	
	height: 29px;
	color: #003b6A;
	background: url(../img/menu_back.PNG) repeat-x top;
	border-bottom: 0px none transparent;
	margin-bottom: 0px;
	margin-top: 0px;
  }
  a
  {
    text-decoration: none;
  }
  /* Links Hauptmenü Liste */
  div.mainnavi li a:link
  {
	color: #FFFFFF;
	font: 12px/27px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 6px;
	background: url(../img/border_right.PNG) top left no-repeat;
	display: block;
	float: left;
	border-top: 0px none transparent;
	border-bottom: 0px none transparent;
	border-right: 1px solid #003B6A;
  }
  div.mainnavi li a:visited
  {
	color: #FFFFFF;
	font: 12px/27px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 6px;
	background: url(../img/border_right.PNG) top left no-repeat;
	display: block;
	float: left;
	border-top: 0px none transparent;
	border-bottom: 0px none transparent;
	border-right: 1px solid #003B6A;
  }
  
  /* "RollOver"-Definition Hauptmenü */
  div.mainnavi li a:hover
  {
	color: #003b6a;
	font: 12px/27px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 6px;
	background: url(../img/menu_hover.PNG) top repeat-x;
	display: block;
	float: left;
	border-top: 0px none transparent;
	border-bottom: 0px none transparent;
	border-right: 1px solid #003B6A;
  }
  /* Definition aktiver Punt Hauptmenü */
  div.mainnavi li a.aktiv
  {
	color: #003b6a;
	font: 12px/27px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 6px;
	background: url(../img/menu_hover.PNG) top repeat-x;
	display: block;
	float: left;
	border-top: 0px none transparent;
	border-bottom: 0px none transparent;
	border-right: 1px solid #003B6A;
   }
}
</STYLE>
</head>
<body>
<div class="alles">
   <div class="seite">
      <img src="./img/TS-Layout_Kopf_02.JPG" name="logo" title="logo" width="982" height="140"/>
      <div class="mainnavi">
         <ul>
            <li><a href="?frm=1" class="aktiv">Info</a></li>
            <li><a href="?frm=2">Suchen</a></li>
            <li><a href="?frm=8">Admins</a></li>
            <li><a href="?frm=12">Statistik</a></li>
            <li><a href="?frm=99">Hilfe</a></li>
         </ul>
      </div>
   </div>
</div>
</body>
   <p>Meine Seite test</p>
</html>

16.11.2010, 11:27

Ich glaub das es so wie bei mir das es die "activ-link-markierung" nur kurz nachdem du den menupunkt angeklickt hast da ist. Dann ladets die neue Seite und die Markierung verschwindet.
Leider weis ich keine Lösung aber schau mal hier:
http://www.tutorials.de/css/177884-f...ive-links.html
Ansonsten könntest du die Navi vllt in ein Frame packen... was ich aber nicht empfehlen kann

eagle275 · 16.11.2010, 11:42

das ist ja auch richtig so, dass die Seite neu geladen wird - dafür setzte ich ja den class="aktiv" dann auf den gewählten Menüpunkt. Momentan macht der IE aber überhaupt nicht das was in class="aktiv" drinsteht ....als ob er diesen Selektor komplett ignoriert

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] fopen() Probleme	jN^	PHP Tipps 2009	2	18.08.2009 12:31
Win+Firefox alles ok, IE oder Linux: Probleme	vollderdude	PHP Tipps 2009	6	02.01.2009 16:17
Probleme mit der "include"-Funktion	wuethrich	PHP Tipps 2008	9	03.07.2008 09:12
Probleme bei Speicherung von serialize() Strings	Manni2k	PHP Tipps 2006	13	15.10.2006 15:06
Probleme mit der darstellung		HTML, Usability und Barrierefreiheit	0	25.10.2005 10:03
Probleme bei der Installation von Turck MMCache	tomx992	PHP-Fortgeschrittene	2	27.09.2005 20:31
Probleme beim Datenupload zu meiner Datenbank		Datenbanken	3	05.09.2005 19:47
Probleme mit Sonderzeichen...		Datenbanken	1	02.08.2005 23:37
prob beim löschen von datensätzen und der darstellung danach		PHP Tipps 2005-2	4	17.07.2005 21:42
IE falsche darstellung von border eigenschaften		HTML, Usability und Barrierefreiheit	1	20.06.2005 11:50
fgetcsv - Probleme mit Darstellung	GrU3nL!nG	PHP Tipps 2005	8	26.04.2005 08:40
[Erledigt] hilfe! probleme mit...		PHP Tipps 2005	4	12.04.2005 22:55
[Erledigt] CSV Größe macht Probleme mit php		PHP Tipps 2005	5	15.03.2005 21:29
[Erledigt] Technische Probleme mit Sessions		PHP-Fortgeschrittene	4	18.11.2004 14:45
PHP Bilder in DB / Probleme bei Änderung		PHP-Fortgeschrittene	1	05.06.2004 11:20

12.11.2010, 09:09
Prodes Gast Beiträge: n/a	Probleme mit IE Darstellung Guten Morgen Leute, da ich hier neu bin stell ich mich kurz vor. Ich bin der Andi, 18 Jahre alt und begann dieses Jahr meine Ausbildung als Mediengestalter. Da ich in meinem Betrieb mehr programmieren als gestalten werde, dürftet ihr mich hier in zukunft auch öfters sehen :P Zu meinem Problem: Ich hab eine Seite programmiert und jetzt auf allen Browser ausgetestet.. Auf Firefox und Chrome ist alles so wie ich es haben will, alles funktioniert dort. Bei IE,Safari und Opera gibts eineige Fehler. 1. Die Seite wird nicht zintriert 2. Die wechselnden Backgroundbilder werden nicht angezeigt Leider kann/darf ich es nicht online zeigen. Aber wer mir wirklich helfen kann/will dann soll er/sie mir bitte hier oder per pn Bescheid geben... ich schick dem/der jenigen dann den Link. Aber hier schon mal der Quellcode: Code: EDIT Zur Erklärung: Die ganze Seite ist nur eine Datei(index.php). Beim Content handelt es sich um ein SwitchCase wie man beim ersten Codeschnipsel sehen kann. Danach kommt der Shadowbox(lightbox) code und die CSS-Stile. Gleich als erstes im Body findet man einen Div namens ApDiv1. Dieser Div ist für die Backgrounds zuständig. Und zwar soll je nach Content der Background switchen. Den Div selber hab ich auf z-index -2 gestellt damit es im Hintergrund ist. Ich hoffe ihr blickt diesen Code durch Wie schon gesagt... in Firefox und chrome funktioniert alles perfekt! Nur bei IE, Safari und Opera wird die gesamte Seite nicht Zentriert und der Background wird nicht angezeigt, sonst funktioniert bei den Browser auch alles. Ich bitte um Hilfe. Vielen Dank im vorraus! Liebe Grüße, Andi Geändert von Prodes (12.11.2010 um 11:23 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.11.2010, 09:16
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Hallo Andi, bei solchen Problemen kannst du es dir sparen uns den PHP-Code zu zeigen. Intressant ist da nur was am Ende als HTML-Code dasteht. Außerdem ist es sehr anstrengend solche Probleme ohne Online-Beispiel (kann ja auf das nötigste reduziert sein) zu lösen. Niemand hat große Lust durch ellenlange Codezeilen durchzuschauen ohne zu sehen was eigentlich los ist. Am besten bastelst du also kurz eine Demo zusammen die dein Problem zeigt - zumindest brauchen wir aber den ausgegebenen HTML-Code... __________________ Today you...Tomorrow me.

12.11.2010, 09:29
Prodes Gast Beiträge: n/a	Danke für die Antwort... habe ich mir schon fast gedacht Ein Online Beispiel besteht schon... nur will ich den Link hier nicht so öffentlich preisgeben. Also bitte ich darum das mir hier oder per pn bescheid gegeben wird wer den link will.. dem schick ich dann per pn den link. Agrajag dir hab ich schon mal den Link geschikt und ich editier jetzt gleich meinen ersten Post und ersetz den Code mit dem Quellcode. Leider kann ich es auch nicht auf das nötigste verkürzen da ich nciht weis wo der fehler sein könnte... sry Wenn es aber hilft könnte ich gerne den Code aufspalten.. also für jede Funktion den Code anzeigen... Geändert von Prodes (12.11.2010 um 09:38 Uhr).

12.11.2010, 09:46
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Wenn du in einem öffentlichen Forum Hilfe willst solltest du auch kein Problem damit haben die Dinge die hilfreich sind zu veröffentlichen Sonst hat das gleich irgendwie den "wir machen deine Hausaufgaben"-Flair... Zum Problem: Du solltest nicht einfach zwei komplette HTML-Dokumente verschachteln. In den Dateien die du includest darf kein <html>, <body> <head> etc. drin sein - das hast du schließlich alles schon. So ist das kein gültiges HTML __________________ Today you...Tomorrow me.

12.11.2010, 15:31
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	War er vielleicht der Einzige, der bei dir per PN nach einem Testlink gefragt hat? __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

16.11.2010, 09:23
Prodes Gast Beiträge: n/a	also mir hat keiner ne PN geschickt... nicht mal er aber das Problem gibtes ja nicht mehr

16.11.2010, 11:27
Prodes Gast Beiträge: n/a	Ich glaub das es so wie bei mir das es die "activ-link-markierung" nur kurz nachdem du den menupunkt angeklickt hast da ist. Dann ladets die neue Seite und die Markierung verschwindet. Leider weis ich keine Lösung aber schau mal hier: http://www.tutorials.de/css/177884-f...ive-links.html Ansonsten könntest du die Navi vllt in ein Frame packen... was ich aber nicht empfehlen kann

16.11.2010, 11:42
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	das ist ja auch richtig so, dass die Seite neu geladen wird - dafür setzte ich ja den class="aktiv" dann auf den gewählten Menüpunkt. Momentan macht der IE aber überhaupt nicht das was in class="aktiv" drinsteht ....als ob er diesen Selektor komplett ignoriert __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste