Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

css bei IE und FireFox

Empfohlene Antworten

Hi, ich hab ein Problem, im IE wird meine Seite richtig dargestellt, aber im FireFox wird das StyleSheet nicht interpretiert.

Leider hab ich keine Ahnung warum.

Hier mal ein Auszug des StyleSheets, evt sieht ja einer nen Fehler!!

body.*                {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; background-color:#FFFFFF;}
body.*.rot {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt; background-color:#FFFFFF;}
body.*.fett {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600; background-color:#FFFFFF;}
body.*.button {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; background-color:#D4D0C8;}
body.* a:link {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt}
body.* a:visited {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt}
body.* a:active {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt}

table.border {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; background-color:#FFFFFF; border-width:2px; border-style:solid; border-color:#7F7F7F; border-spacing:0px; border-collapse:collapse;}
table.*.navi {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600; background-color:#FFFFFF;}
table.*.navi a:link {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}
table.*.navi a:visited{text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}
table.*.navi a:active {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}
table.*.navi a:hover {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}[/PHP]

Naja, du hast viele Syntaxfehler im Markup und den * Selektor versteht der IE AFAIK nicht. Aber wenn das deine einzigen Stylsheet Angaben sind habe ich mir erlaubt die mal ein bißchen zu verbessern:


body {

  text-decoration: none; 

  color: black; 

  font: 10pt Arial, sans-serif; 

  background: white;

}

.rot, a {

  color: red; 

}

.fett, table .navi, table .navi a {

  font-weight: 600; 

}

.button {

  background: #D4D0C8;

}

table.border {

  border: 2px solid #7F7F7F;

  border-spacing: 0; 

  border-collapse: collapse;

}

Dieser Code müsste eigentlich das gleiche bewirken was du da verzapft hast. Aber wenn du meine ehrliche Meinung hören willst (wenn nich dann einfach nicht weiterlesen): Gehe auf diverse Einsteigerseiten und lerne! Ausprobieren ist toll, aber wenn man nicht mal die simpelste Grundlage draufhat, sollte man vielleicht nochmal von vorne anfangen.

Gruß, Tobias

Danke für die Warnung mit dem "nicht weite lesen"...

habs dennoch gemacht, denn mir ist bewußst, dass ich vom css keine Ahnung habe, dafür is der rest OK...

Sieh auch mal bei Selfhtml 8.1 nach.

Ich habs mit ner Browserweiche gelöst, für andere Eventuellitäten die auch nicht für beide Browser konform sind.

Alde

so wie ich das in letzter Zeit so mitgekriegt habe, interpretiert der IE fehlerhaften code meistens auch so, wie man es sich vorstellt, der Firefox ist dagegen wesentlich konsequenter und interpretiert den falschen code entweder gar nicht oder total falsch

...und das ist auch gut so

Am besten immer validieren: http://validator.w3.org/

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.