+ Antworten
Ergebnis 1 bis 8 von 8

Thema: Darstellungsfehler InternetExplorer/Firefox

  1. #1
    Neu an Board
    Registriert seit
    05.09.2008
    Ort
    Gelsenkirchen
    Alter
    24
    Beiträge
    34
    Bedankte sich
    13
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Darstellungsfehler InternetExplorer/Firefox

    Hi Leute,
    wir arbeiten mit einem Team ehrenamtlicher Laien an einer Website unserer Kirchengemeinde. Die neue Überarbeitung mit Joomla ist seit Freitag online: http://www.evangel.de
    Nun haben wir allerdings massive Probleme mit der Darstellung im InternetExplorer. Der Firefox stellt alles ordentlich dar, aber im IE treten folgende Probleme auf:
    1. rechts auf der Startseite wird der Text neben dem Bild (Neues und Aktuelles) im IE umgebrochen
    2. das Menü links auf der Startseite rutscht im IE nach links heraus, so dass die ersten Buchstaben nicht lesbar sind
    3. Unter ->Wir über uns -> Evangel-Team werden alle Texte unter den Bildern umgebrochen, der Firefox braucht hier deutlich weniger Zeilen.
    4. (erledigt) Manche Beiträge werden gar nicht angezeigt
    5. Unter ->Computerkurse werden die Bilder zwar in korrekter Höhe, aber viel zu schmal dargestellt
    Wir sind halt ein Team von Laien und haben uns unser Halbwissen mit Hilfe dieser Seite hier angelesen. Wäre super, wenn ihr uns helfen könnt.
    Vielen Dank im Voraus!

    [EDIT:] Zu Punkt 4 habe ich gerade eine Lösung gefunden, ein scheint am Import von Texten aus Word direkt zu liegen, wenn ich die (total dämlichen) Formatierungen von Word lösche, funktioniert alles wunderbar.

    [EDIT2:] Hier noch der PHP Code:

    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta **********="content-type" content="text/html; charset=ISO-8859-1">
    <title>evangel.de - Homepage der evangelischen Kirchengemeinde Gelsenkirchen</title>
    <meta name="description"     content="Seitenbeschreibung in zwei Saetzen.">
    <meta name="keywords"        content="Stichwort 1, Stichwort 2, usw.">
    <meta name="author"         content="admin@evangel.de">
    <meta name="DC.Publisher"   content="Ihr Name, beispiel@example.org">
    <meta name="DC.Date"        content="2005-08-18T05:08:52+02:00">
    <!-- Zeitstempel Beispiel: 01.08.2001, 12:00 Uhr, +1 Std. zu Greenwich -->
    <meta name="DC.Language"    content="de"> <!-- de = deutschsprachig -->
    <!-- Pfad für die CSS-Dateien angeben -->
      <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/evangel_2/css/evangel_2.css" type="text/css" />
    </head>

    <body class="body">
    <a name="top"></a> <!--Sprungmarke zum Seitenanfang-->

    <!--Gesamtabelle: Breite=950-->
    <table border="0" cellspacing="0" cellpadding="0" align="center" width="950">
    <tr>

    <!-- Menüspalte links mit einer Breite von 200 -->
    <td rowspan="6" style="background-image:url(<?php echo $this->baseurl ?>/templates/evangel_2/images/bg_blau_hell_links.gif)" valign="top" width="200">
    <p><br>

    <!-- Das Logo oben links -->
    <p align="center">
    <a href="<?php echo $this->baseurl ?>"><img src="<?php echo $this->baseurl ?>/templates/evangel_2/images/logo.gif"/></a>
    </p>

    <!-- Abstand zum Menü -->
    <p>&nbsp;</p>

    <!--Tabelle_Themenmenue-->
    <p align="center">
    <jdoc:include type="modules" name="menu" />
    </td>
    <td rowspan="6" width="15">&nbsp;</td>

    <td>
    <!--Wechselnde Header für die Bereiche-->
    <p><jdoc:include type="modules" name="header" /></p>
    </td>
    </tr>

    <tr>
    <td height="5"></td>
    </tr>

    <tr>
    <td style="background-image:url(<?php echo $this->baseurl ?>/templates/evangel_2/images/bg_arena2.gif)" valign="top">

    <!--Menü oben_start-->
    <p align="right">| <a href="http://www.evangel.de/Joomla/index.php?option=com_content&view=article&id=46&Itemid=53">impressum</a> | <a href="http://www.evangel.de">home</a> |&nbsp;&nbsp;</p>
    <!--Menü oben_ende-->

    </td>
    </tr>

    <tr>
    <td height="5"></td>
    </tr>

    <tr>
    <td style="background-image:url(<?php echo $this->baseurl ?>/templates/evangel_2/images/bg_arena.gif); padding:10px;" width="750" valign="top">
    <p>&nbsp;</p>


    <!--Textkoerper_start-->
        <jdoc:include type="message" />
        <jdoc:include type="component" />
    <!--Textkoerper_ende-->

    </td>
    </tr>
    <tr>

    <!--Schwarze Trennzeile_unten-->
    <td width="565" height="15">&nbsp;</td>
    </tr>
    <tr>
    <td style="background-image:url(<?php echo $this->baseurl ?>/templates/evangel_2/images/bg_blau_hell_links.gif)">&nbsp;</td>
    <td>&nbsp;</td>

    <!--Tab. mit Copyright/Mail-->
    <td style="background-image:url(<?php echo $this->baseurl ?>/templates/evangel_2/images/bg_arena3.gif)" width="565" valign="top">
    <p align="right"><a href="#top"><img src="<?php echo $this->baseurl ?>/templates/evangel_2/images/pfeil_top.gif" width="18" height="28" border="0" alt=""></a></p>
    <p align="left">&nbsp;&nbsp;&nbsp;&copy; 2010 by Evangel.de • &nbsp;<a href="mailto:admin@evangel.de">admin@evangel.de</a><br>
    &nbsp; </p>
    </td>
    </tr>
    </table>

    </body>
    </html>
    Und die zugehörige CSS-Datei:
    HTML-Code:
    html,body {
    	font-size: 12pt;
    	font-family: Arial;
    }
    .hauptmenu {
            list-style-type: none;
    }
    a:link {
    	color:#000000;
    }
    a:visited {
    	color:#000000;
    }
    a:hover {
    	color:#CD9B1D;
    }
    h1 {
    	font-style: italic;
    	font-family: Arial;
    }
    ul,ol,dl {
    	margin-left: -0.5em;
    	list-style: none;
    }
    li,dd {
    	margin-left:-0.5em;
    	list-style: none;
    }
    Geändert von Skrodde (15.03.2010 um 12:14 Uhr)

  2. #2
    War schon öfter hier
    Registriert seit
    15.03.2009
    Ort
    Freudenstadt
    Beiträge
    186
    Bedankte sich
    9
    Erhielt 33 Danksagungen
    in 31 Beiträgen

    Standard

    Bei welchem IE? 6, 7, 8? Da gibt es Unterschiede. Der 8er scheint sich stärker an die Standards zu halten...

  3. #3
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    8.899
    Bedankte sich
    329
    Erhielt 3.217 Danksagungen
    in 3.014 Beiträgen

    Standard

    Hallo

    Zu 2.:
    Macht folgende Aenderungen im CSS:

    Code:
    ul, ol, dl {
    margin-left: 0;
    padding-left: 25px;
    list-style: none;
    }
    
    li, dd {
    margin-left:0;
    list-style: none;
    }
    Zu 1.:
    Wenn ihr schon mit Tabellen arbeitet, dann sollten die Breitenangaben der Tabelle und der Spalten irgendwie aufgehen .
    Aendert die Spaltenbreiten:
    1. Spalte: 450px
    2. Spalte: Breitenangabe komplett löschen, ist hier nicht nötig

    Zu 3.:
    Aendert hier die Tabellenbreite auf 100%

    Zu 5.:
    Hier wird die Breite der Bilder mit "NaN" definiert. Der IE interpretiert das als "0". Deshalb solltet ihr die tatsächliche Breite einsetzen (oder überhaupt gar keine Breitenangabe)
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ
    Kleines Helferlein: Firebug
    Kein Support per PN


  4. Erhielt Danksagungen von:


  5. #4
    Neu an Board
    Registriert seit
    05.09.2008
    Ort
    Gelsenkirchen
    Alter
    24
    Beiträge
    34
    Bedankte sich
    13
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo Anka,
    zuerst einmal Vielen, Vielen Dank, damit sind wir direkt einen riesigen Schritt weiter!
    Ich habe nun nur noch eine kleine Frage zu Punkt (2)
    und zwar hatten wir das CSS wie oben geschrieben definiert, um die Menüpunkte etwas nach links zu rücken. Näher an die linke Kante des Menü-Bereichs. Geht das auch so, dass es IE-kompatibel ist?
    Zu Punkt 3:
    geht man nun auf www.evangel.de -> Wir über uns -> Evangel-Team werden zwar alle Texte gut dargestellt, allerdings rutschen nun im IE die Bilder zu hoch, teilweise über die Texte der anderen Bilder, muss ich da die Zellenhöhe noch anpassen?
    Alles andere lässt sich wohl so lösen, wie du beschrieben hast, dafür vielen Dank nochmal!
    LG; Martin
    Geändert von Skrodde (15.03.2010 um 12:11 Uhr) Grund: Noch einen Bug gefunden

  6. #5
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    8.899
    Bedankte sich
    329
    Erhielt 3.217 Danksagungen
    in 3.014 Beiträgen

    Standard

    Hallo Martin

    Das ist bereits IE-kompatibel. Bei mir sind die Abstände jedenfalls bei FF, IE8. IE7 und IE6 gleich. Hast du mal den Browser-Cache geleert?
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ
    Kleines Helferlein: Firebug
    Kein Support per PN


  7. Erhielt Danksagungen von:


  8. #6
    Neu an Board
    Registriert seit
    05.09.2008
    Ort
    Gelsenkirchen
    Alter
    24
    Beiträge
    34
    Bedankte sich
    13
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Super, das Leeren des Cache hat jetzt alle beiden Probleme beseitigt, dann werde ich mal die Beiträge überarbeiten, alle NAN's aus den Bildangaben rausnehmen, etc.
    Vielen Dank nochmals für die Hilfe, sieht jetzt alles schon viel besser aus!

  9. #7
    Neu an Board
    Registriert seit
    04.03.2009
    Beiträge
    3
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hi Anka,
    bin ein unerfahrener Freelancer und habe ein Problem, bei dem mir bisher noch keiner helfen konnte: es geht um www.femaline.de.
    http://femaline.de/das-leben-liebe.html
    http://femaline.de/das-meer.html
    http://femaline.de/inhaltsstoffe.html
    Dort habe ich auf drei Unterseiten (sh oben) Hintergrundbilder eingefügt. Alles funkt prima jedoch ist die Darstellung im IE 6 und auch IE 7 grauenvoll. Wie du sicherlich weißt hängt es wohl mit negativen Margins zusammen. Was kann ich tun, damit die Site auch unter IE 6 läuft?
    Grüße
    martinsai

  10. #8
    Neu an Board
    Registriert seit
    04.03.2009
    Beiträge
    3
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hi Anka,

    hier der code für ein background image:
    <div style="padding-left: 30px; background-image: url(images/stories/background/meer2.jpg); margin: -61px -48px -26px -30px; width: 920px; height: 600px;"><br /><br />

    cheers
    martin

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein