WinFuture-Forum.de: Mehrere Stylesheets - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Mehrere Stylesheets werden die unterstützt???


#1 Mitglied ist offline   Joel 

  • Gruppe: aktive Mitglieder
  • Beiträge: 516
  • Beigetreten: 22. März 05
  • Reputation: 0

  geschrieben 10. März 2006 - 19:41

Hi

Ich hab da eine Frage (sie mag zwar etwas unlogisch klingen, doch das ist egal) hrhrr
Werden mehrere Stylesheets von den meisten Browsers unterstützt?

Mit mehreren Stylesheets meine ich z.B. folgendes:
<style type="text/css">
<!--
yyy
//-->
</style>
<style type="text/css">
<!--
xxx
//-->
</style>

oder
<link rel="stylesheet" type="text/css" href="/xxx.css">
<link rel="stylesheet" type="text/css" href="/yyy.css">

oder auch andere Kombinationen...

Danke

MfG Joel

Dieser Beitrag wurde von Joel bearbeitet: 10. März 2006 - 19:41

0

Anzeige



#2 Mitglied ist offline   ichbines 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.725
  • Beigetreten: 06. Oktober 02
  • Reputation: 0
  • Wohnort:Parndorf (Österreich)
  • Interessen:Computer, Linux

geschrieben 10. März 2006 - 19:44

ich verwende diese Möglichkeit:

<link href="index.css" rel="stylesheet" type="text/css"/>

und in die index.css kommt dann:

@import url(./css/base_clearfix.css);
@import url(./css/basemod.css);
@import url(./css/schriften_und_farben.css);
@import url(./css/navigation.css);

fertig!

Der Vorteil von meiner Methode ist, dass du später mit einen ruck eine zusätzliche CSS-Datei mitschicken oder entfernen kannst. Die Methode funktioniert ohne Probleme ab den IE5 und natürlich beim Firefox und dem Opera.
0

#3 Mitglied ist offline   Joel 

  • Gruppe: aktive Mitglieder
  • Beiträge: 516
  • Beigetreten: 22. März 05
  • Reputation: 0

geschrieben 10. März 2006 - 19:50

Leider klappt das in meinem Fall nicht (bzw. es ist unpassend)... hrhrr
0

#4 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 10. März 2006 - 19:57

Wenn in den verschiedenen stylesheets gleiche Eigenschsaften mit unterschiedlichen Werten vorkommen, überschreiben neue Werte die alten. Inline style Angaben überschreiben externe.
Es dürfte egal sein, wieviele stylesheets du dem browser anbietest, nur ...warum? Letztendlich liest der Browser ja doch alles.

Edit: Ich vergaß: verschiedene stylesheets für verschiedene Ausgabegeräte haben natürlich Sinn:
<link rel="stylesheet" type="text/css" href="base.css" />
<style type="text/css">
	<!-- @import url("screen.css") screen,projection; -->
	<!-- @import url("print.css") print; -->
</style>

Dieser Beitrag wurde von axx bearbeitet: 10. März 2006 - 20:04

0

#5 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 10. März 2006 - 20:22

Beitrag anzeigenZitat (axx: 10.03.2006, 19:57)

<link rel="stylesheet" type="text/css" href="base.css" />
<style type="text/css">
	<!-- @import url("screen.css") screen,projection; -->
	<!-- @import url("print.css") print; -->
</style>


Oder einfacher
<link rel="stylesheet" type="text/css" href="/print.css" media="print" />

0

#6 Mitglied ist offline   Joel 

  • Gruppe: aktive Mitglieder
  • Beiträge: 516
  • Beigetreten: 22. März 05
  • Reputation: 0

geschrieben 11. März 2006 - 07:14

Ich denke meine Frage ist beantwortet worden :)

Danke

MfG Joel
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0