Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Darstellungsunterschiede zwischen IE 6 und Firefox...

Mitglied: Tobi_

Tobi_ (Level 1) - Jetzt verbinden

17.09.2007, aktualisiert 20.09.2007, 6483 Aufrufe, 7 Kommentare

Hallo zusammen,
bin gerade dabei eine Homepage zu erstellen, hier könnt ihr euch davon ein Bild machen:
http://www.logopaedie-friedl.de/post/

Dabei treibt mich der IE in regelmäßigen Abstand in den wahnsinn, mit FF ist das Layout wunderbar und im IE verschiebt sich so manches um wenige pixel....

IE: 6.0.2900
FF: 2.0.0.3

Nun zu meinen konkreten Problemen:

1. Das Eselsohr rechts unten in der Ecke sollte möglichst bündig rechts angeordnet sein, sodass kein hintergrund durchblickt. Mit dem FF gelingt mir dies halbwegs, der IE lässt einen mehrere Pixel breiten Rahmen stehen!

2. Weiterhin soll die Impressum Angabe und das copyright unten bündig mit dem Ende der Webseite sein. Auch hier macht der IE (oder ich?!?) Fehler.

3. Die Menüleiste oben ist beim IE auch nach oben verschoben. FF zeigt sie weiter unten an..



Der "Inhalt" der Webseite befindet sich in einem IFrame der per Javscript dynamisch die höhe ändert.

Bitte zerfleischt mich nicht wegen dem altmodischen layout per div und css, kenn mich mit php etc. wenig aus....
Über andere Verbesserungsvorschläge würde ich mich natürlich auch freuen!

Wäre super wenn mir wer helfen könnte!

MfG Tobi

CSS:
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#faf2ca;
}
a:link {
text-decoration:underline;
color: #FFFFFF;
}
a:hover {text-decoration:none;}
a:visited {color: #FFFFFF}

.te_impressum{
font-size:10px;
color:#666666;
padding-left:400px;
}


.iframe {
width:80%;
position:absolute;
top:170px;
left:200px;
overflow:hidden;



}

.startseite_oben {
position:absolute;
top:0%;
left:0px;
z-index:10;
}
.startseite_links {
position:absolute;
top:170px;
left:0%;
width:166px;
height:391px;
}
.startseite_adresse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
/*Größen- und Positionsangaben*/
position:relative;
left:-8px;
top:150px;
width:140px;
z-index:30;

}

.startseite_menueleiste {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
/*Größen- und Positionsangaben*/
position:absolute;
left:200px;
top:110px;
width:700px;
height:25px;
z-index:11;
}
.startseite_sprachenwahl {
position:absolute;
top:0px;
left:820px;
z-index:12;
width:131px;
height:33px;
}

.startseite_ankunft {
background-image:url(../gfx/startseite_ankunft.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:relative;
top:0px;
left:0px;
width:715px;
height:532px;
}
.startseite_schriftzug_post {
position:relative;
top:-515px;
left:160px;
width:51px;
height:25px;
}
.startseite_eselsohr {
position:absolute;
top:453px;
left:645px;
width:158px;
height:158px;
z-index:20;
}
Mitglied: Henne
17.09.2007 um 20:46 Uhr
Hi, meine Idee:

hast Du mal versucht die (oder alle) Elemente in der CSS-Formatierung
auf margin:0px zu setzen?
FF interprtiert wohl automatisch vom Vater-Element dass du
im body-tag im html-Quelltext gesetzt hast.

Mehr Rat gibt mein Wissen in Trockenübung jetzt nicht her ;)

Gruß
Bitte warten ..
Mitglied: Tobi_
18.09.2007 um 23:53 Uhr
also mit dem margin:0px stimmt nun zumindest der abstand des eselohrs nach rechts!
im ff passt beide abstände perfekt, mit dem minimalen spalt unten im ie könnte ich aber leben...

das impressum und die menüleiste sind im ie aber immer noch falsch platziert.
Ich hoffe mir kann wer weiterhlefen!

Mfg Tobi


CSS:
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#faf2ca;
margin:0px;
}
a:link {
text-decoration:underline;
color: #FFFFFF;
}
a:hover {text-decoration:none;}
a:visited {color: #FFFFFF}

.te_impressum{
font-size:10px;
position:absolute;
color:#666666;
left:400px;
top:432px;
}


.iframe {
width:80%;
position:absolute;
top:170px;
left:200px;
overflow:hidden;
}

.startseite_oben {
position:absolute;
top:0%;
left:0px;
z-index:10;
margin:0px;
}
.startseite_links {
position:absolute;
top:170px;
left:0%;
width:166px;
height:391px;
}
.startseite_adresse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
/*Größen- und Positionsangaben*/
position:absolute;
left:3px;
top:160px;
width:140px;
z-index:30;

}

.startseite_menueleiste {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
/*Größen- und Positionsangaben*/
position:absolute;
left:200px;
top:110px;
width:700px;
height:25px;
z-index:11;

}
.startseite_sprachenwahl {
position:absolute;
top:0px;
left:820px;
z-index:12;
width:131px;
height:33px;
}

.startseite_ankunft {
background-image:url(../gfx/startseite_ankunft.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:relative;
top:0px;
left:0px;
width:715px;
height:532px;

}
.startseite_schriftzug_post {
position:relative;
top:-515px;
left:160px;
width:51px;
height:25px;
}
.startseite_eselsohr {
position:absolute;
top:455px;
left:649px;
width:158px;
height:158px;
z-index:20;
margin:0px;
}
Bitte warten ..
Mitglied: Henne
19.09.2007 um 21:21 Uhr
fein, einen Schritt weiter..

der body ist nur im Frame margin=0,
in der Hauptvorlage nicht, hier langt vermutlich ein margin-bottom:0px
Ausserdem fehlts bei startseite_menueleiste und
te_impressum.

Versuchs mal...

Gruß
Bitte warten ..
Mitglied: Tobi_
20.09.2007 um 09:05 Uhr
so nun stimmt fast alles pixelgenau, ff lässt nur beim eselsohr einen minimalen abstand rechts!
gelegen ist an der fehlenden definition des zeilenabstandes der <p> Elemente:
p {
margin-top:1em;
margin-bottom:1em;
}

mfg tobi




/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#faf2ca;
margin:0px; /*Für dynamischen Iframe*/
/*border:0px; /*Für dynamischen Iframe*/
}

p {
margin-top:1em; /*Definiert zentral den Abstand zwischen <p> Elementen(Zeilenabstand)!!! WICHTIG!!!!!!*/
margin-bottom:1em; /*Definiert zentral den Abstand zwischen <p> Elementen!!!(Zeilenabstand) WICHTIG!!!!!!*/
}
a:link {
text-decoration:underline;
color: #FFFFFF;
}
a:hover {text-decoration:none;}
a:visited {color: #FFFFFF}

.te_impressum{
font-size:10px;
position:absolute;
color:#666666;
left:400px;
top:597px;
}


.iframe {
width:80%;
position:absolute;
top:140px;
left:200px;
overflow:hidden;
}

.startseite_oben {
position:absolute;
top:0%;
left:0px;
z-index:10;
margin:0px;
}
.startseite_links {
position:absolute;
top:170px;
left:0%;
width:166px;
height:391px;
}
.startseite_adresse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
/*Größen- und Positionsangaben*/
position:absolute;
left:3px;
top:155px;
width:140px;
z-index:30;

}

.startseite_menueleiste {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
/*Größen- und Positionsangaben*/
position:absolute;
left:200px;
top:95px;
width:700px;
height:25px;
z-index:11;

}
.startseite_sprachenwahl {
position:absolute;
top:0px;
left:820px;
z-index:12;
width:131px;
height:33px;
}

.startseite_ankunft {
background-image:url(../gfx/startseite_ankunft.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:relative;
top:0px;
left:0px;
width:650px;
height:542px;

}
.startseite_schriftzug_post {
position:absolute;
top:97px;
left:288px;
width:51px;
height:25px;
}
.startseite_eselsohr {
position:absolute;
top:464px;
left:647px;
width:158px;
height:158px;
z-index:20;
margin:0px;
}
.startseite_schrift {
position:absolute;
top:90px;
left:0px;
width:600px;
}

.startseite_saeaele {
position:absolute;
width:118px;
height:234px;
left:686px;
top:130px;
}
Bitte warten ..
Mitglied: Tobi_
20.09.2007 um 18:05 Uhr
so hier bin ich wieder....
diesmal anderes problem:

Meine Menüleiste ärgert mich. Im IE funktioniert alles wie gewollt, sprich die links ändern beim überfahren ihre farbe (auch im untermenü).

Im Firefox funktioniert der farbwechsel nur bei den links die ein untermenü besitzen! Beim Rest (Home,Reservierung,Anfahrt,Kontakt) tut sich nichts...

Woran könnte das liegen?

MfG Tobi




/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#faf2ca;
margin:0px; /*Für dynamischen Iframe*/
}

/*Definiert zentral den Abstand zwischen Elementen(Zeilenabstand)!!! WICHTIG!!!!!!*/
p {
margin-top:1em;
margin-bottom:1em;}
li {
margin-top:1em; /*Leerraum zwischen Linktext und </a> bringt Listenelemente ganz zusammen*/
margin-bottom:1em;
}
ul {
margin-top:1em;
margin-bottom:1em; }
/*Definiert zentral den Abstand zwischen Elementen(Zeilenabstand)!!! WICHTIG!!!!!!*/


a:link {text-decoration:underline;color: #FFFFFF;}
a:hover {text-decoration:none; color:#FFFFFF;}
a:visited {color: #FFFFFF; text-decoration:underline;}


#horizontale_liste li
{
display: inline;
list-style-type: none;
padding:0px;
}

#horizontale_liste a:link {text-decoration:none; color:#FFFFFF;}
#horizontale_liste a:hover {text-decoration:none; color:#7e92ad;}
#horizontale_liste a:visited {color: #FFFFFF; text-decoration:none;}

.te_impressum{
font-size:10px;
position:absolute;
color:#666666;
left:400px;
top:597px;
}


.iframe {
width:80%;
position:absolute;
top:140px;
left:200px;
overflow:hidden;
}

.startseite_oben {
position:absolute;
top:0%;
left:0px;
z-index:10;
margin:0px;
}
.startseite_links {
position:absolute;
top:170px;
left:0%;
width:166px;
height:391px;
}
.startseite_adresse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
/*Größen- und Positionsangaben*/
position:absolute;
left:3px;
top:155px;
width:140px;
z-index:30;

}

.startseite_menueleiste {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
/*Größen- und Positionsangaben*/
position:absolute;
left:120px;
top:95px;
width:700px;
height:25px;
z-index:11;

}
.startseite_sprachenwahl {
position:absolute;
top:0px;
left:820px;
z-index:12;
width:131px;
height:33px;
}

.startseite_ankunft {
background-image:url(../gfx/startseite_ankunft.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:relative;
top:0px;
left:0px;
width:650px;
height:542px;

}
.startseite_schriftzug_post {
position:absolute;
top:97px;
left:288px;
width:51px;
height:25px;
}
.startseite_eselsohr {
position:absolute;
top:464px;
left:647px;
width:158px;
height:158px;
z-index:20;
margin:0px;
}
.startseite_schrift {
position:absolute;
top:90px;
left:0px;
width:600px;
}

.startseite_saele {
position:absolute;
width:118px;
height:234px;
left:686px;
top:130px;
}
Bitte warten ..
Mitglied: Henne
20.09.2007 um 20:50 Uhr
hi,

das globale a:hover ist #ffffff .... also weiß. Deshalb kein augenscheinlicher Effekt.

bei horizontale_liste ist a:hover = #7e92ad

hier überschneidet sich wohl eine Klasse die FF anders interpretiert.

gruß
Bitte warten ..
Mitglied: Tobi_
20.09.2007 um 22:30 Uhr
hallo,
auch wenn ich das globale a:hover, a:link und a:visited ausklammere ändert sich nichts.

Hab auch folgendes probiert:

#horizontale_liste a:link {text-decoration:none; color:#FFFFFF;}
#horizontale_liste a:hover {text-decoration:none; color:#7e92ad;}
#horizontale_liste a:visited {color: #FFFFFF; text-decoration:none;}
alles ausklammern, sodass nur das globale wirkt.

Hier ist dann jeder link wie auf der linken seiten der mailverweis. Trotzdem bleibt im firefox beim überfahren der menülinks(home,reservierung,anfahrt,kontakt) der unterstrich stehen...

Hmmm da liegt wohl was größeres im argen!
Bitte um Hilfe!

mfg tobi
Bitte warten ..
Ähnliche Inhalte
Windows Server

IE und Firefox im RDS-Server beschränken

Frage von FishermansFriendWindows Server1 Kommentar

Hallo zusammen, ich beschreibe zunächste folgendes Szenario. Wir haben einen RDS- Server. Auf dem meldet sich der Benutzer über ...

Webbrowser

Yammer funktioniert im Firefox-Browser, aber nicht im IE oder Edge-Browser

gelöst Frage von rOMOP11Webbrowser5 Kommentare

Wenn ich die die Startseite Yammer.com im IE aufrufen will, kann die Seite nicht erreicht werden. Im Chrome oder ...

Webbrowser

Firefox synchronisieren

Frage von StefanKittelWebbrowser2 Kommentare

Hallo, ich würde gerne die Favoriten und Kennwörter von Firefox (aktuelle Version 59) auf einem PC und Notebook regelmäßig ...

Verschlüsselung & Zertifikate

IE Zertifikatsfrage

gelöst Frage von franksigVerschlüsselung & Zertifikate8 Kommentare

Hallo zusammen, ich bin heute mal wirklich rookiehaft unterwegs und habe folgende Frage: Ich habe ein Terminalserver mit Remoteapp ...

Neue Wissensbeiträge
Internet

Verlag protestiert gegen Artikel 13 (jetzt Artikel 17) der geplanten EU-Verordnung

Information von Dilbert-MD vor 2 StundenInternet

Leider etwas spät, aber immerhin hat auch der heise-Verlag eingesehen, dass die Umsetzung der Urheberrechtsreform - so wie sie ...

Datenschutz

SiSyPHuS Win10: Analyse der Telemetriekomponenten in Windows 10

Tipp von freesolo vor 3 TagenDatenschutz4 Kommentare

Alle die sich detailliert für die Datensammlung interessieren die unter Windows 10 stattfindet, sollten sich folgende Analyse des BSI ...

Sicherheit
Adminrechte dank Intel-Grafikkarte
Information von DerWoWusste vor 4 TagenSicherheit2 Kommentare

ist das Advisory, welches beschreibt, welche Intel HD Graphics Modelle Sicherheitslücken haben, mit denen sich schwache Nutzer zu Admins ...

Internet

EU Urheberrechtsreform: Eingriff in die Internetkultur

Information von Frank vor 4 TagenInternet1 Kommentar

Liebe Besucherin, lieber Besucher, warum erscheint das obere Banner in allen Beiträgen? Aus Protest gegen Teile der geplanten EU-Urheberrechtsreform ...

Heiß diskutierte Inhalte
Voice over IP
Mikrotik: Voip mit SIP Phones in verschiedenen Subnetzen mit FritzBox
Frage von SpartacusVoice over IP14 Kommentare

Hallo, ich habe das Problem, dass ich verschiedene SIP-Clients in unterschiedlichen Subnetzen habe, die mit meinem Server FritzBox7412 keine ...

Grafik
Viele Fotos organisieren - Windows Dateisystem zu lahm bzw. überfordert
Frage von augustaparkGrafik12 Kommentare

Hallo und Guten Morgen, hat einer eine Idee, wie man viele Fotos sinnvoll und effizient organisieren kann? Wir haben ...

Windows Server
Windows 2012 R2 - Skript um Druckerkonfiguration auszulesen und zu setzen
gelöst Frage von Der-PhilWindows Server11 Kommentare

Hallo! Kennt ihr eine Möglichkeit, per Skript die Konfiguration eines Druckers auszulesen und auf einen anderen anzuwenden? Hintergrund: Ich ...

Windows 10
22 Notebooks automatisch konfigurieren und Software installieren - womit?
gelöst Frage von ipzipzapWindows 1010 Kommentare

Hallo, ich habe für ein Projekt 22 nagelneue Notebooks mit Windows 10 bekommen, die ich alle im Großen und ...