✔ Inhalt verschiebt sich im Firefox

Status
Nicht offen für weitere Antworten.
M

mennepaul

Mitglied
Hallo,
habe jetzt einige Tage damit verbracht. Bekomme es aber leider nicht hin.:mad:

Was mache ich falsch.

Im IE wird es richtig angezeigt, aber im FF verschoben.

Anbei 2 Bilder und die CSS als Text.

Hier noch der Link zur Webseite http://www.djk-gruen-weiss-menden.de/index1.php

Danke im Voraus

Menne
 

Anhänge

  • IE.JPG
    IE.JPG
    72,8 KB · Aufrufe: 32
  • FF.JPG
    FF.JPG
    72,3 KB · Aufrufe: 32
  • 1-3colneu.txt
    3,5 KB · Aufrufe: 26
Hi,

Code: 
        .horimenu{
	text-align: center; /*set value to "right" for example to align menu to the right of   page*/
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-top: 181px;
}
Ich denke mal das der FF das so sieht das er von deinem Banner aus die 181px nimmt und der IE von dem #content..
Versuch einfach mal .horimenu Browserspezifisch zu setzen vielleicht hilft das ja schon..

MfG

inc
 
vielleicht liegt es auch an den Elementen das die nich von einander getrennt sind!
Ausserdem werden die Margin-Eigenschaften von IE und FF eh verschieden interpretiert!
Kleiner Tipp: Benutz mal die Web-Developer-(FF) und die IE-Developer-(IE) Werkzeugleiste
 
Zuletzt bearbeitet:
Hi,

nimm mal die folgenden Regelerweiterungen im Stylesheet vor:

Code: 
.horimenu{
        text-align: center; /*set value to "right" for example to align menu to the right of page*/
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        /*margin-top:181px;*/ /* auskommentiert = deaktiviert */
        margin:0;
        padding:0;
        position:relative;
        top:181px;
}
mfg Maik
 
Maik hat gesagt.:
Hi,

nimm mal die folgenden Regelerweiterungen im Stylesheet vor:

Code: 
.horimenu{
        text-align: center; /*set value to "right" for example to align menu to the right of page*/
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        /*margin-top:181px;*/ /* auskommentiert = deaktiviert */
        margin:0;
        padding:0;
        position:relative;
        top:181px;
}
mfg Maik
Zum Vergrößern anklicken....

Super danke Dir, scheint zu funktionieren.

http://www.djk-gruen-weiss-menden.de/index1.php
 
Hallo Maik,

was muss ich genau machen wenn ich meine Seite auch für die beiden Browser kompatiebel machen möchte. Also wo muss ich was einfügen?

lg
laoles
 
Hi,
laoles hat gesagt.:
was muss ich genau machen wenn ich meine Seite auch für die beiden Browser kompatiebel machen möchte. Also wo muss ich was einfügen?
Zum Vergrößern anklicken....
deine Frage erwischt mich gerade irgendwie auf dem linken Fuß :)

  1. Welche Probleme bzw. Darstellungsunterschiede treten bei dir überhaupt in welchem Browser auf?
  2. Was hast du in CSS auf welche Weise formatiert, und wird von welchem Browser nicht wie gewünscht angezeigt?
  3. Kannst du mal den Link zu deiner Seite nennen, damit man sich einen Überblick von der Situation verschaffen kann?

mfg Maik
 
Hi Maik,

ich habe nur etwas text über einen testserver laufen lassen. dabei ist mir das auch aufgefallen das im IE und FF die Texte verschoben sind.

giebt es ein script was ich einfügen kann oder eine einstellung im dreamweaver 2004.

lg
laoles
 
Aha, und wie lautet dann der HTML- und CSS-Code der Seite, wenn du keinen Link zur Hand hast?

mfg Maik
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<span id="Layer1" style="position:absolute; left:241px; top:109px; width:491px; height:306px; z-index:1">
<p>testnachricht testnachricht</p>
<p>testnachricht testnachricht</p>
</span>
</body>
</html>

__________________________

das ist der code

lg
laoles
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück