CSS im IE falsch angezeigt - Hilfe?

CSS im IE falsch angezeigt - Hilfe?

Beitragvon Linda-chan » 20.08.2010, 20:13

Hallo,

da ich nur mit dem Firefox surfe, habe ich es gar nicht gemerkt, bis ich darauf hingewiesen wurde. Aber meine Homepage www.aishitenight.de sieht mit dem Internet Explorer (ich habe Version 8) 7 und 8 extrem seltsam aus. Im Firefox wird alles einwandfrei dargestellt.
Da ich freie Templates verwendet habe und mein Wissen leider auch begrenzt ist, bin ich einfach nicht in der Lage den Fehler zu finden. :oops:

Ich hoffe, ihr könnt mir helfen. Besonders schlimm hat es die index.php getroffen, wo alle Schriftarten riesengroß dargestellt werden. Einige Seiten funktionieren dann wieder, aber gelegentlich erscheint die Schrift des Menüs viel größer als sie ist und im Footer spinnt auch irgendwas.

Ich würde mich sehr freuen, wenn Jemand mir helfen kann.
Danke schon einmal im Voraus,
Linda
Linda-chan
neu hier
 
Beiträge: 4
Registriert: 20.08.2010, 20:08

Re: CSS im IE falsch angezeigt - Hilfe?

Beitragvon sejuma » 21.08.2010, 08:10

Du hast zwischen dem geschlossenen </head> und dem Beginn des body noch Style- und Scriptangaben stehen.
Die gehören innerhalb des Headbereichs, also vor den schließenden </head>.

Dann hat die Seite noch ziemlich viele Validierungsfehler:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.aishitenight.de%2F
Bild
sejuma
Vielposter
 
Beiträge: 788
Registriert: 15.07.2009, 17:46

Re: CSS im IE falsch angezeigt - Hilfe?

Beitragvon Linda-chan » 21.08.2010, 11:01

Hallo sejuma,

danke für deine Antwort. Wäre es so dann richtig? Habe das grade so gemacht und hochgeladen, aber es ändert leider nichts. :(

Auf Seiten wie www.aishitenight.de/comingsoon.html habe ich auch gar keine Style oder Scriptangaben unter dem geschlossenen Head, aber trotzdem wird die Schriftart des Menüs zu groß angezeigt. Kannst du mir da vielleicht noch einmal helfen?

Danke auch für deinen Hinweis für die anderen Fehler, da werde ich mal schauen!

Hier der Code der index.php :

Code: Alles auswählen
<head>

<link rel="stylesheet" href="../HarvestField12/images/HarvestField.css" type="text/css" />

<title>Willkommen auf AishiteNight.de - der ersten Website über Rock'n Roll Kids</title><style type="text/css">
<!--
h2 {
   color: #74A5E7;
}
a:hover {
   color: #74A5E7;
}
a:link {
   color: #900;
}
a:visited {
   color: #903;
}
-->
</style>
<!--Start LightboxJS2-->
<link rel="stylesheet" href="http://www.aishitenight.de/ANRedesign/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.aishitenight.de/ANRedesign/js/prototype.js"></script>
<script type="text/javascript" src="http://www.aishitenight.de/ANRedesign/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.aishitenight.de/ANRedesign/js/lightbox.js"></script>
<!--End LightboxJS2-->
</head>


Danke!
Linda
Linda-chan
neu hier
 
Beiträge: 4
Registriert: 20.08.2010, 20:08

Re: CSS im IE falsch angezeigt - Hilfe?

Beitragvon Linda-chan » 21.08.2010, 11:03

Achso, wenn ich besagten Script (Lightbox) vor das geschlossene head packe, funktioniert die Lightbox leider auch nicht mehr. :(
Linda-chan
neu hier
 
Beiträge: 4
Registriert: 20.08.2010, 20:08

Re: CSS im IE falsch angezeigt - Hilfe?

Beitragvon Laus » 21.08.2010, 11:34

Du hast die verschachtelung im Head nicht beachtet.
Code: Alles auswählen
<style type="text/css">
<!--
h2 {
   color: #74A5E7;
}
a:hover {
   color: #74A5E7;
}
a:link {
   color: #900;
}
a:visited {
   color: #903;
}
<!--Start LightboxJS2-->
<link rel="stylesheet" href="http://www.aishitenight.de/ANRedesign/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.aishitenight.de/ANRedesign/js/prototype.js"></script>
<script type="text/javascript" src="http://www.aishitenight.de/ANRedesign/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.aishitenight.de/ANRedesign/js/lightbox.js"></script>
<!--End LightboxJS2-->
-->
</style>

Dabei muss das
Code: Alles auswählen
-->
</style>
am Ende aber
vor
Code: Alles auswählen
<!--Start LightboxJS2-->
Stehen
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Re: CSS im IE falsch angezeigt - Hilfe?

Beitragvon Linda-chan » 21.08.2010, 13:38

Vielen Dank!

Habe es nun glaube ich ganz gut hinbekommen.

Mein letztes Problem:

Im Footer spinnt die Schrift beim Anschauen mit dem IE immer noch und ist viel zu groß. Ich finde hier den Fehler einfach nicht. Sehe schon Sternchen.

Und dann noch was: Ich weiß nicht, ob es auch hier rein gehört, aber wenn man auf der Seite www.aishitenight.de/gallery.html die Bilder öffnet, wird bei der Lightbox Darstellung irgendwie der rechte Bildrand nicht angezeigt, was recht seltsam aussieht. Hat da Jemand eine idee?

Vielen Dank!
Linda
Linda-chan
neu hier
 
Beiträge: 4
Registriert: 20.08.2010, 20:08

Re: CSS im IE falsch angezeigt - Hilfe?

Beitragvon sejuma » 22.08.2010, 08:27

Hinterlege bei #footer noch eine Schriftgröße, z.B.
Code: Alles auswählen
font-size: 16px;
Bild
sejuma
Vielposter
 
Beiträge: 788
Registriert: 15.07.2009, 17:46


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "CSS im IE falsch angezeigt - Hilfe?"

Zurück zu: Fragen zur Homepage

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste