✔ Mal wieder FF und IE Probleme

K

Kumaro

Mitglied
Hi Leute ich habe leider ein paar Probleme was die Darstellung meiner rechten Navi in den beiden Browsern angeht.
hier die Seite: http://www.2ndrb.de/ga-town/index.php

Im IE ist die Navi so wie sie sein soll - also die abstände der einzelnen div´s sind richtig.

Im FF verrutscht aber alles - die div´s schieben sich zu hoch und sitzen nicht da wo sie sein sollen .

Ich habe schon mit einigen Werten rumgespielt aber leider behebt nichts das Problem....

Ich hoffe ihr könnt mir weiter helfen und sagen was ich machen kann damit der FF die angaben der Positionen der divs´auch richtig interpretiert?

Hier der betreffende code:

Navi in der Index datei:

<div id="navirechts">
<div id="navirechts_login">
<div align="center">
<?
//Subcontent - oben
switch($_GET["goto"]){
... } // aus platzgründen habe ich die anweisungen entfernt
?>
</div>
</div>
<div id="navirechts_nextevents">
<div align="center"> <?
// next Events
switch($_GET["goto"]){
... }
?> </div>
</div>
<div id="navirechts_newsletter">
<div align="center"> <?
//Newsletter abonnieren
switch($_GET["goto"]){
... }
?> </div>
</div>
<div id="navirechts_shop">
<div align="center"> <?
//Newsletter abonnieren
...
}
?> </div>
</div>


Code aus der CSS datei:

* --------------right navigavtion------------- */
#navirechts {
float: right;
width: 244px;
height:1009px;
margin: 0px;
margin-top: 0px;
padding: 0px;
background-image:url(Bilder/layout_13.12.08_11.jpg);
}
#navirechts_login {
float: right;
width: 235px;
margin-left: 0px;
margin-top: 5px;
padding: 0px;
}
#navirechts_nextevents {
float: right;
width: 220px;
margin-left: 15px;
margin-top: 40px;
padding: 0px;
}
#navirechts_newsletter {
float: right;
width: 220px;
margin-left: 15px;
margin-top:135px;
padding: 0px;
}
#navirechts_shop {
float: right;
width: 220px;
margin-left: 15px;
margin-top:90px;
padding: 0px;
}

Ich hoffe ihr könnt mir helfen...
vielen Dank im voraus
 
Hi danke schon mal... den doctype habe ich jetzt festgelegt

<!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">


Jetzt ist es im explorer genau so verrutscht wie im FF ? obwohl eigentlich die css angaben doch korrekt sind oder sehe ich das falsch :(

Leider werde ich aus dem validator auch nicht ganz schlau ..z.b weiß ich nicht was er mir hiermit sagen will :

Line 375, Column 7: XML Parsing Error: Premature end of data in tag html line 1.
</html>

was ist denn daran falsch ? ..

ich hoffe jmd kann die bäume entfernen damit ich den wald wieder sehe ^^
 
Erstaunlich, in deinem letzten Thema Firefox Darstellungsprobleme-HELP, das sich ebenfalls mit diesem Layout beschäftigt, gab es keine derartigen Probleme.

Wenn du der englischen Sprache nicht mächtig bist, greif einfach zu einem deutschsprachigen Validator. Oder nutze einen Online-Übersetzer :)

Wenn du in einem <style>-Tag zu Beginn des CSS-Codes einen HTML-Kommentar setzst, musst du ihn am Ende, also vor dem </style>-Tag, auch wieder schliessen, ansonsten kommentierst du den nachfolgenden Seitenquelltext aus.

Außerdem würde ich den CSS-Code an einer zentralen Stelle im Dokumentheader, und nicht im fortlaufenden Quellcode aufrufen. Das erleichtert dir die Fehlersuche ungemein.

Desweiteren wird beim Includen keine vollständige HTML-Seite in das Hauptdokument geladen, sondern nur das, was in ihrem Dokumentkörper <body> ... </body> steht.

mfg Maik
 
Danke für die deutsche seite ..das mit dem englisch geht zwar aber ich versteh den sinn mancher fehlermeldungen einfach nicht... er zeigt sachen an in zeilen die gar nicht da sind.... und wenn du sagst das er beim includen nur die sachen zw body includet dann dürfte es ja auch keine probleme geben wegen mehrfacher doctypen oder ähnliches..

z.b warum :
Das Element html ist an dieser Stelle nicht erlaubt.
Fehlerstelle: <html xmlns="http://www.w3.org/1999/xhtml">
das muss doch da hin oder nicht

Das kann jetzt natürlich auch an meiner mangelnden kenntnis liegen was ich auch gar nicht abstreiten will ...aber hey jeder hat mal angefangen :D....
 
Kumaro hat gesagt.:
wenn du sagst das er beim includen nur die sachen zw body includet dann dürfte es ja auch keine probleme geben wegen mehrfacher doctypen oder ähnliches..
Zum Vergrößern anklicken....
Nicht er, wer auch immer das sein soll, includet da mehrere HTML-Seiten in ein Hauptdokument, sondern du ganz alleine :suspekt:

Solange du die von mir angesprochenen Fehler nicht berichtigst, ist hier jede weitere Diskussion müßig :rolleyes:

Wie z.B. Zeile 147 - 196:

Code: 
<div id="navirechts_nextevents"> 
         <div align="center">		 <!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>

<style type="text/css">
<!--
.newsletter{
	width: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin-top:0px;
	height:20px;
}
.buttons_newsletter{
	width: 80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin-left:70px;
	margin-top:10px;
}
.form_newsletter{
	margin:0px;

}

.input {
  width:150px;
  }
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<div class="newsletter" align="left"><font size="2">Next-Events</font><br />
<form class="form_newsletter" method="post" action="newsletter_abonnieren.php">
  <label></label><div align="right"class="buttons_newsletter"></div>
    <div></div>
</form>
</div>
</body>
</html>

		</div>
      </div>
    	
        <div id="navirechts_newsletter">


mfg Maik
 
omg......o_O ... aso war das gemeint :D ich dachte du meinst das das von alleine geschieht und eben beim includen nur das beachtet wird was innerhalb von body steht...


also muss ich aus dem dokument was includet werden soll alles raus nehmen bis auf die body angabe

Danke das du so unermüdlich bist ;)
 
so habe jetzt alles html zeugs was für ein standart dokument gebraucht wird entfernt bei den include seiten.... (also html/head/body/meta usw.) Jetzt sind es nur noch 17 fehler bei der validation :p...

Danke ich wusste nicht das man das beim includen weglässt ich dachte man includet da die gesamte html seite.....

:)
 
Bleibt noch das hier übrig:

Code: 
<style type="text/css">
<!--
.login{
	width: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin-top:5px;
	margin-left:0px;
	height:123px;
}
.buttons{
	width: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin-left:85px;
	margin-top:10px;
}
.gr_button{
	width: 180px;
	margin-left:0px;
	margin-top:20px;
	padding:0px;
}
.form {
	margin:0px;

}

.input_login {
  width:150px;
  }
</style>


... und das in vierfacher Ausfertigung.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück