CSS-Prolog = Sinnvoll ?! - Seite 2

Boris · #11 (**permalink**) 04.02.2005, 15:23

border: 0; enspricht auch einem border: none; ... wen Du etwas Gegenteiliges weißt, her damit

terrikay · #12 (**permalink**) 04.02.2005, 16:27

Zitat:

Zitat von ulle

Was ist mit line-height, ich meine mich zu erinnern das Toscho mal über sehr unterschiedliche Defaults referiert hat.

Toscho empfiehlt stark, die line-height-Angabe ganz ohne Einheit hinzuschreiben.

Das Ganze kann man dann auch noch kürzen, z.B. so:

font: 100.01%/1.5 Helvetica, Arial, sans-serif;

Die Kurzform von font geht so:
font : font-style font-variant font-weight font-size line-height font-family;

Die müssen aber nicht alle aufgezählt werden. Im obigen Beispiel fehlen z.B. die ersten drei, die dann einfach auf den default-Wert gesetzt werden (normal).
Helvetica setze ich deshalb vor Arial, weil es im Zweifelsfall die schönere Schrift ist (und "Mutter" der Arial). Wer beides hat, bekommt dann das Original und nicht die Kopie.

ulle · #13 (**permalink**) 04.02.2005, 16:38

Tja, irgendwie habe ich im Kopf das es nicht ginge

- jetzt stehe ich da in der kurzen Hose........

Code:

* {
   border: 0;
  }

Obig habe ich so durch den Validator geschickt

"Keine Fehler oder Warnungen gefunden"

aber verbessert zu

Code:

* {
   border : 0 none inherit; 
  }

Code:

* {
   border: none;
  }

Obig habe ich so durch den Validator geschickt

"Keine Fehler oder Warnungen gefunden"

aber verbessert zu

Code:

* {
   border : medium none inherit; 
  }

Was will mir der Validator sagen

magick · #14 (**permalink**) 04.02.2005, 21:16

In den *-Selektor gehört meiner Meinung nach auf jeden Fall ein font-family, da einige Browser z.B. für input-tags andere Schriften verwenden. Manchmal "braucht" man natürlich einen bunten Font-mix, dann macht's keinen Sinn

Zitat:

Zitat von ulle

Was will mir der Validator sagen

Vielleicht, dass "border" eine Kurzschreibweise ist, die normalerweise 3 Werte erfordert? Alternativ wäre natürlich möglich:

Code:

border-width:0;

toscho · #15 (**permalink**) 05.02.2005, 07:37

Ich beginne meine Stylesheets auch meistens erst mit allgemeinen Angaben, die ich später bei Bedarf wieder überschreibe.
Also:

Code:

@charset "utf-8"; /* Für gute Browser. */
* {
        margin:         0;
        padding:        0;
        /* Tabellen */
        border-collapse:collapse;
        border-spacing: 0;
}
html, body {
        color:          #000;
        background:     #ddd;
        line-height:    1.45;
}
body {
        /* Nur hier, sonst gibt es 
         * eventuell Vererbungsprobleme.
         */
        font-size:      100.01%;
}

Texteingabe-Elemente bekommen bei mir immer eine Festbreitenschriftart (hilft dem Leser, Tippfehler zu sehen), aber Buttons fasse ich nicht an.

@Philippp: Das »display:table« ist offenbar wenig durchdacht: Wenn ein Browser das abschaltet, wird es einen guten Grund dafür geben (Opera beispielsweise im Handheld-Modus); es ist eine furchtbar dumme Idee, das dann wieder anzuschalten.

»border:0« würde ich niemals für alle Elemente setzen, es ist aber durchaus eine valide Konstruktion. Der W3C-Checker hat hier einen uralten Bug, den man getrost ignorieren kann. Das Schlüsselwort »inherit« darf in Shorthands immer nur als einziger Wert stehen, niemals in Kombination mit anderen Werten.
Daß der Checker trotz des Namens kein Validator ist und sein kann, sollte sich ja langsam rumgesprochen haben. Es gibt keinen Anlaß, extra deshalb Fehler ins eigene Stylesheet einzubauen.

@terrikay: Die meisten unter Windows vorhandenen Helvetica-Variationen sehen extrem scheußlich aus und sind sehr schlecht lesbar. Nicht machen.

@magick: Sicher meintest du »border-width«? ;)

Gruß
Thomas

Tapsiturtle · #16 (**permalink**) 07.02.2005, 16:26

Zitat:

Zitat von toscho

Ich beginne meine Stylesheets auch meistens erst mit allgemeinen Angaben, die ich später bei Bedarf wieder überschreibe.
Also:

Code:

@charset "utf-8"; /* Für gute Browser. */

Gruß
Thomas

Könntest du mir das mal kurz erklären? Was bringt es wenn man die Angabe im CSS stehen hat?

ulle · #17 (**permalink**) 07.02.2005, 16:55

Google

[@charset "utf-8" css]

3. Ergebnis

http://news.css-technik.de/comments/A468_0_1_0_C/

Opera

Und da dieser Beitrag von TOSCHO kommt ist es etwas spezielles für genannten Browser - mit Sicherheit. Denn in der W3C-Spec. habe ich nichts darüber gefunden.

Dieter · #18 (**permalink**) 07.02.2005, 16:55

So fange ich mittlerweile an:

Code:

html,body {
   	margin: 0;
   	padding: 0;
}
body {
	background: #FFFACD;
   	color: #000000;
  	font-family: arial, helvetica, sans-serif, verdana;
   	font-size: 100.01%;
}

Unvermutete Probleme habe ich damit noch keine feststellen müssen!

ulle · #19 (**permalink**) 07.02.2005, 16:58

Ich habe TOSCHOs Variante übernommen, und nach längerem Nachdenken als hervorragend eingeschätzt.

Du darfst nur nicht für [line-height] eine Einheit mitgeben, weil dann wird diese kaskadiert. Ist trotzdem Valide. Und TOSCHO hat es ja auch so gezeigt.

Tapsiturtle · #20 (**permalink**) 07.02.2005, 17:11

Zitat:

Zitat von ulle

Google

[@charset "utf-8" css]

3. Ergebnis

http://news.css-technik.de/comments/A468_0_1_0_C/

Opera

Und da dieser Beitrag von TOSCHO kommt ist es etwas spezielles für genannten Browser - mit Sicherheit. Denn in der W3C-Spec. habe ich nichts darüber gefunden.

Das ich das mit Google auch hätte rausfinden können ok aber wenn er das hier im Forum schon so postet kann man ja auch gleich nachfragen oder?

Trotzdem danke.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Einbindung von frei erhältlichen Scripten - CSS Problem	DonL	CSS	1	22.01.2011 17:09
Dynamisches CSS per Server? Oder client? Oder wie?	andir	CSS	4	25.11.2010 13:20
MYspace mehr als nur CSS oder ?	Vinceone	CSS	0	12.07.2007 03:21
Eric Meyer's CSS	Petty	Ressourcen	0	21.11.2005 09:18
Mozilla ignoriert externes css	DarkWanderer	CSS	9	22.09.2005 12:39