Firefox und Internet Explorer

**JoeyConta3** · 30.01.2013, 11:45

Hallo

Ich habe meine Seite endlich fertig ... (Firefox)

Firefox.png

Schaue in den Internetexplorer und sehe da
IE.png

WTF ich würde ja verstehen wenn alles so wäre aber nur diese Navileiste wird anderes dargestellt und dabei auch nur der 1 selektor

Warum dass

Kann ich in den Internen Stylesheet irgenwo sagen benutze das für IE und das für Firefox (der Rest der Brower haben pech XD)

**ciaobello** · 30.01.2013, 13:07

Normalerweise hat ja Contao schon für die Aktuellen IE's fixe drin. Versuche mal die reihen folge wie Du die CSS im Seitenlayout einbindest zu ändern. Du überschreibst Dir allenfalls mit einer falschen Reihenfolge einen IE fix.

Ist Durchaus auch möglich dass Du in Deinem eigenen CSS Code einen Fix ungewollt überschreibst/ausser kraft setzest.

Die internen CSS findest du da: /assets/contao/css um zu schauen wo was gefixt wird.

Alternativ vielleicht noch gucken ob css3pie richtig eingebunden ist und auch funktioniert. Kann ja auch zu Darstellung Fehlern führen wenn das nicht klappt.

**willshedo** · 30.01.2013, 13:20

Hi,

einfache Lösung: du kannst jeden beliebigen Browser separat ansprechen über die jeweilige Klasse im body-Tag. Also schau dir an, welcher IE betroffen ist, und schreib nur für diesen einen eigenen Style.

**JoeyConta3** · 30.01.2013, 13:22

Reinfolge ma so gemacht wie seh mir logisch erscheint leider sagt mir das andere nicht viel =(

Bin bisschen neu in dem Gebiet

Arbeite mit externen CSS und Internen css

(Die externen habe ich so gelassen wie sie auf Version 2.11 waren und die Internen habe ich so gemacht das die 3.0 wieder so aussieht wie die Seite 2.11)
kurz gesagt Update gemacht Seite sah anderes aus angepasst über interne stylesheets alles funktioniert im FireFox

Internet eigt scheiße an ...

**JoeyConta3** · 30.01.2013, 13:26

Hättest da ein einfaches Beispiel für mich ?

hab ma die Seite mit IE aufgerufen und dann Quellcode anzeigen lassen

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--

	This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
	Copyright Â©2005-2013 by Leo Feyer :: Extensions are copyright of their respective owners
	Visit the project website at http://contao.org for more information

//-->
<title>Startseite - TVD - Textilveredlung Drechsel GmbH</title>
<base href="http://localhost/test3.0/" />
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link type="text/css" rel="stylesheet" href="system/modules/dlh_googlemaps/html/dlh_googlemaps.css" />
<link type="text/css" rel="stylesheet" href="assets/css/1f978f399ebd.css" />
<script type="text/javascript" src="assets/js/813088c036c0.js"></script>
<link rel="stylesheet" href="tl_files/styles.css" type="text/css" media="all" />
<!--[if lte IE 6]><link rel="stylesheet" href="tl_files/styles-ie6.css" type="text/css" media="all" /><![endif]-->
</head>
<body id="top" class="win ie trident ie9 startseite">

<div id="wrapper">

<div id="header">
<div class="inside">

<!-- indexer::stop -->
<div class="mod_customnav block">

<a href="#skipNavigation3" class="invisible">Navigation Ã¼berspringen</a>

<ul class="level_1">
<li class="first"><a href="Sitemap.html" title="Sitemap" class="first">Sitemap</a></li>
<li><a href="impressum.html" title="Impressum">Impressum</a></li>
<li class="last"><a href="allgemeine_geschaeftsbedingungen.html" title="AGB" class="last">AGB</a></li>
</ul>

<a id="skipNavigation3" class="invisible">&nbsp;</a>

</div>
<!-- indexer::continue -->

<div class="headlogo">
  <br>
  <a href="/test3.0" title="zur Startseite"><img src="tl_files/img/layout/header_tvd.jpg" title="Text Textilveredlung Drechsel GmbH" /></a>
  <a href="/test3.0" title="zur Startseite"><img src="tl_files/img/layout/headerlogo.jpg" style="width: 900px; height: 100px;" alt="Logo Textilveredlung Drechsel GmbH" title="Logo Textilveredlung Drechsel GmbH" /></a>
</div>
<!-- indexer::stop -->
<div class="mod_navigation block">

<a href="#skipNavigation1" class="invisible">Navigation Ã¼berspringen</a>

<ul class="level_1">
<li class="submenu sibling first"><a href="Ueber_uns.html" title="Unternehmen" class="submenu sibling first">Unternehmen</a>
<ul class="level_2">
<li class="first"><a href="Ueber_uns.html" title="Ãœber uns" class="first">Ãœber uns</a></li>
<li><a href="Aktuelles.html" title="Aktuelles">Aktuelles</a></li>
<li><a href="Unternehmenspolitik.html" title="Unternehmenspolitik">Unternehmenspolitik</a></li>
<li><a href="historie.html" title="Historie">Historie</a></li>
<li class="last"><a href="Mitgliedschaften.html" title="VerbÃ¤nde/Vereine" class="last">VerbÃ¤nde/Vereine</a></li>
</ul>
</li>
<li class="submenu sibling"><a href="produkte.html" title="Leistungen" class="submenu sibling">Leistungen</a>
<ul class="level_2">
<li class="first"><a href="labor-entwicklung.html" title="Labor/Entwicklung" class="first">Labor/Entwicklung</a></li>
<li><a href="faerberei.html" title="FÃ¤rberei">FÃ¤rberei</a></li>
<li><a href="ausruestung.html" title="AusrÃ¼stung">AusrÃ¼stung</a></li>
<li><a href="beschichtung.html" title="Beschichtung">Beschichtung</a></li>
<li><a href="qualitaetskontrolle.html" title="QualitÃ¤tskontrolle">QualitÃ¤tskontrolle</a></li>
<li class="last"><a href="logistik.html" title="Lager &amp; Logistik" class="last">Lager &amp; Logistik</a></li>
</ul>
</li>
<li class="submenu sibling"><a href="jobs-karriere.html" title="Jobs &amp; Karriere" class="submenu sibling">Jobs &amp; Karriere</a>
<ul class="level_2">
<li class="first"><a href="ausbildung.html" title="Ausbildung" class="first">Ausbildung</a></li>
<li><a href="stellenangebote.html" title="Aktuelle Stellenangebote">Aktuelle Stellenangebote</a></li>
<li class="last"><a href="hinweise-fuer-bewerber.html" title="Hinweise fÃ¼r Bewerber" class="last">Hinweise fÃ¼r Bewerber</a></li>
</ul>
</li>
<li class="submenu sibling"><a href="reach.html" title="Service" class="submenu sibling">Service</a>
<ul class="level_2">
<li class="first"><a href="reach.html" title="REACh" class="first">REACh</a></li>
<li><a href="downloads.html" title="Downloads">Downloads</a></li>
<li class="suche"><a href="suche.html" title="Suche" class="suche">Suche</a></li>
<li class="last"><a href="Sitemap.html" title="Sitemap" class="last">Sitemap</a></li>
</ul>
</li>
<li class="sibling"><a href="Kundenportal.html" title="Kundenportal" class="sibling">Kundenportal</a></li>
<li class="submenu sibling"><a href="kontaktformular.html" title="Kontakt" class="submenu sibling">Kontakt</a>
<ul class="level_2">
<li class="first"><a href="kontaktformular.html" title="Kontakt" class="first">Kontakt</a></li>
<li><a href="anfahrtskizze.html" title="Anfahrtskizze">Anfahrtskizze</a></li>
<li class="last"><a href="ansprechpartner.html" title="Ansprechpartner" class="last" rel="nofollow">Ansprechpartner</a></li>
</ul>
</li>
<li class="submenu sibling last"><a href="impressum.html" title="Rechtliche Hinweise" class="submenu sibling last">Rechtliche Hinweise</a>
<ul class="level_2">
<li class="first"><a href="impressum.html" title="Impressum" class="first">Impressum</a></li>
<li><a href="Haftungsausschluss.html" title="Haftungsausschluss">Haftungsausschluss</a></li>
<li class="last"><a href="allgemeine_geschaeftsbedingungen.html" title="Allgemeine GeschÃ¤ftsbedingungen" class="last">Allgemeine GeschÃ¤ftsbedingungen</a></li>
</ul>
</li>
</ul>

<a id="skipNavigation1" class="invisible">&nbsp;</a>

</div>
<!-- indexer::continue -->
 
</div>
</div>

<div id="container">

<div id="main">
<div class="inside">

<div class="mod_article block" id="startseite">

<div class="ce_image block">

<div class="image_container">
<img src="tl_files/img/content/intro2.jpg" width="900" height="200" alt="Intro" />
</div>

</div>

</div>

<div class="mod_boxes4ward block">

<div class="boxes4ward_article first last even">
<div class="ce_text block" id="stelle">

<h1>Stellenangebote</h1>

<p class="bodytext"><span style="color: #33cccc; text-decoration: underline;"><strong>AUSBILDUNGSPLÃ„TZE 2013<br /></strong></span><br />1 Textillaborant/in chemisch/technisch<br />2 Produktveredler/in Textil<br />2 Maschinen- und AnlagenfÃ¼hrer/in<br /><br />JETZT BEWERBEN BIS 28.02.2013<br /><a href="stellenangebote.html"><br />weitere Informationen</a></p>
</div>

<div class="ce_text block" id="info">

<h1>Informationen zu REACh</h1>

<p class="bodytext">Hier informieren wir Sie&nbsp;Ã¼ber die&nbsp;neue europÃ¤ische Chemikalienverordnung <br />REACh&nbsp;und die aktuelle Umsetzung von <br />REACh in unserem Unternehmen.<br /><a href="reach.html"><br /><br /><br /><br />Weiterlesen...</a></p>
</div>

<div class="ce_text block" id="aktu">

<h1>Aktuelles</h1>

<p><strong>
<!-- indexer::stop -->
<div class="mod_newslist block">

<div class="layout_simple block first even">
22.01.2013 <a href="News_Reader_Page/items/id-2.html" title="Den Artikel lesen: Die neusten BeitrÃ¤ge zu der neun Verordnung !!!NEU!!! 3 Zeilen geht das auch ?!?!?!!?!">Die neusten BeitrÃ¤ge zu der neun Verordnung !!!NEU!!! 3 Zeilen geht das auch ?!?!?!!?!</a> 
</div>

<div class="layout_simple block odd">
22.01.2013 <a href="News_Reader_Page/items/test2.html" title="Den Artikel lesen: Hallo Test wie lange die Ãœberschrift ausgegeben wird">Hallo Test wie lange die Ãœberschrift ausgegeben wird</a> 
</div>

<div class="layout_simple block even">
22.01.2013 <a href="News_Reader_Page/items/test3.html" title="Den Artikel lesen: Kurzer Titel">Kurzer Titel</a> 
</div>

<div class="layout_simple block odd">
21.01.2013 <a href="News_Reader_Page/items/TEST.html" title="Den Artikel lesen: TESTTESTTESTTESTTEST">TESTTESTTESTTESTTEST</a> 
</div>

<div class="layout_simple block even">
22.12.2012 <a href="News_Reader_Page/items/test.html" title="Den Artikel lesen: TESTTESTTESTTEST">TESTTESTTESTTEST</a> 
</div>

<div class="layout_simple block odd">
22.11.2012 <a href="News_Reader_Page/items/test543.html" title="Den Artikel lesen: TESTTESTTEST">TESTTESTTEST</a> 
</div>

<div class="layout_simple block even">
22.07.2012 <a href="News_Reader_Page/items/id-1.html" title="Den Artikel lesen: TESTTESTTESTTESTTESTTEST 2 Zeilen beim letzten ???AESD">TESTTESTTESTTESTTESTTEST 2 Zeilen beim letzten ???AESD</a> 
</div>

<div class="layout_simple block odd">
31.05.2012 <a href="News_Reader_Page/items/tvd-verweigert-eeg-zahlung.html" title="Den Artikel lesen: TVD verweigert EEG-Zahlung">TVD verweigert EEG-Zahlung</a> 
</div>

<div class="layout_simple block last even">
02.01.2012 <a href="News_Reader_Page/items/3._Selber_Ausbildungsmesse.html" title="Den Artikel lesen: 3. Selber Ausbildungsmesse">3. Selber Ausbildungsmesse</a> 
</div>

</div>
<!-- indexer::continue -->
</strong></p>
</div>
</div>
</div>
 
</div>
 
</div>

</div>

<div id="footer">
<div class="inside">

<p> Copyright Â© 2012 Textilveredlung Drechsel GmbH </p> 
</div>
</div>

</div>

<script type="text/javascript" src="assets/mootools/mediabox/1.4.6/js/mediabox.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
(function($) {
  window.addEvent('domready', function() {
    var links = $$('a').filter(function(el) {
      return el.rel && el.rel.test(/^lightbox/i);
    });
    $$(links).mediabox({
      /* Put custom options here */
    }, null, function(el) {
      var rel0 = this.rel.replace(/[[]|]/gi,' ');
      var relsize = rel0.split(' ');
      return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
    });
    // Support swiping on mobile devices
    $('mbImage').addEvent('swipe', function(e) {
      (e.direction == 'left') ? $('mbNextLink').fireEvent('click') : $('mbPrevLink').fireEvent('click');
    });
  });
})(document.id);
/* ]]> */
</script>

<script type="text/javascript">
/* <![CDATA[ */
(function($) {
  window.addEvent('domready', function() {
    new Accordion($$('div.toggler'), $$('div.accordion'), {
      opacity: false,
      alwaysHide: true,
      onActive: function(tog, el) {
        el.setProperty('aria-hidden', 'false');
        tog.addClass('active');
        tog.getNext('div').fade('in');
        tog.setProperty('aria-expanded', 'true');
        return false;
      },
      onBackground: function(tog, el) {
        el.setProperty('aria-hidden', 'true');
        tog.removeClass('active');
        tog.getNext('div').fade('out');
        tog.setProperty('aria-expanded', 'false');
        return false;
      }
    });
    $$('div.toggler').each(function(el) {
      el.setProperty('role', 'tab');
      el.setProperty('tabindex', 0);
      el.addEvents({
        'keypress': function(event) {
          if (event.code == 13) {
            this.fireEvent('click');
          }
        },
        'focus': function() {
          this.addClass('hover');
        },
        'blur': function() {
          this.removeClass('hover');
        },
        'mouseenter': function() {
          this.addClass('hover');
        },
        'mouseleave': function() {
          this.removeClass('hover');
        }
      });
    });
    $$('div.ce_accordion').each(function(el) {
      el.setProperty('role', 'tablist');
    });
    $$('div.accordion').each(function(el) {
      el.setProperty('role', 'tabpanel');
    });
  });
})(document.id);
/* ]]> */
</script>

<script type="text/javascript" src="assets/contao/js/scheduler.js?t=86400" id="cron"></script>

</body>
</html>

kann man die Benutzen ? win ie trident ie9 startseite

**willshedo** · 30.01.2013, 13:52

Das

Code:

<body id="top" class="win ie trident ie9 startseite">

ist der gesamte body-tag mit Klassen. Im Firefox stünde da zB

Code:

<body id="top" class="win ie trident fx18 startseite">

das heisst, du kannst dir ganz ans Ende deiner css-Datei einen Style nur für den IE9 schreiben, etwa so:

body.ie9 header .mod_navigation ul.level_1 li a {...Css-Angaben nur für den IE...}

Wobei du deine Seite auch zumindest in IE8 und IE7 anschauen solltest, um da ggf auch gegenzusteuern, wenn der IE9 schon zickt, tun das die anderen meist auch.

**JoeyConta3** · 30.01.2013, 14:02

Danke Danke =) kanns bearbeiten =)

warum ist das nicht einfach einheitlich weil hab mir grad die Browser Opera und Chrome angeschaut sind auch anders

ist ein bisschen lästig

hätte gedacht Css = sinn dass man es einmal mach für alles

**willshedo** · 04.02.2013, 14:34

Im Normalfall ist es auch so, daß man eine Css-Datei schreibt, und die gilt für alle Browser, wenn mans richtig macht.
Aber der IE macht grundsätzlich Zicken, jeder Webentwickler kann dir da ein Lied von singen...

Thema: Firefox und Internet Explorer

Themen-Optionen

Thema durchsuchen

Firefox und Internet Explorer

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher