CSS Layout & Positionierung

Guest

Deleted User

Registered: n/a
Location:
Posts: n/a

23.06.2003 - 10:18

echt w00test Rektal ... das hat sich einen faqeintrag verdient!

crashman

OC Addicted

Registered: Oct 2001
Location: Vienna
Posts: 891

23.06.2003 - 12:01

wow der thread ist genial

bin bisher nie über die standard layoutierungen mit css hinausgekommen aber jetzt werd ich mir das mal wieder anschaun!
Fast schon ein css faq

alexsb

hmm

Registered: Jun 2001
Location: near Graz
Posts: 1566

23.06.2003 - 12:25

danke, haut natürlich perfekt hin, ich bin ehct begeistert. Das war sicher eine der kompetentesten Antworten die ich je gelesen habe.

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

23.06.2003 - 16:32

Oh, danke fuer die netten Worte

Zumindest gibts mir das Gefuehl nicht verloren zu sein in einer Welt wo die Leute nicht mehr ueber ihren Table-rand hinaussehen (wollen).

><))))°>

Idle ...

Registered: Sep 2002
Location: Wien
Posts: 1586

01.07.2003 - 14:48

wie kann ich eigentlich verhindern dass die "div"s in die nächste zeile rutschen wenn das browser fenster zu klein wird? ich würd das gern so lösen dass statt dem zeilenumbruch eine scrollleiste eingeblendet wird!
ist das möglich?!

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

01.07.2003 - 15:31

Zwei Moeglichkeiten fallen mit ad-hoc ein:

1) Attribut 'white-space: nowrap' auf das DIV anwenden

2) eine Minimale Breite angeben, unter der das DIV nicht kleiner werden darff, z.B. 'min-width: 600px;'

Ich denk 1) ist die g'schicktere Loesung, musst nicht wissen wie lang der Text ist.

><))))°>

Idle ...

Registered: Sep 2002
Location: Wien
Posts: 1586

08.07.2003 - 15:53

also erstmal danke für die hilfe, rektal, aber jetzt bin ich auf ein neues problem gestossen.
wenn ich zwei ineinander verschachtelte divs machen will, wie muss ich das machen dass es auch mozilla versteht.
der IE versteht es wenn ich es so schreib:

Code:

#header { }
.header.logo { }
.header.schrftzug { }

und dann im html:

Code:

<div id="header">

<div class="logo">
</div>

<div class="schriftzug">
</div>

</div>

wie gesagt, im IE wirds korrekt angezeigt, aber in mozilla nicht. stimmt die syntax so überhaupt?!

TIA

edit: :bash:

hab den fehler selber schon gefunden, richtig müsste es so lauten in css

Code:

#header { }
.logo { }
.schrftzug { }

Bearbeitet von ><))))°> am 08.07.2003, 16:00

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

08.07.2003 - 21:12

Genau

Bzw, wenn du allo logo bzw. schrftzug klassen UNTERHALB von #header ansprechen willst, sehen deine selektoren so aus:

Code:

#header .logo {
}
#header .schrftzug {
}

Das der IE damit was angefangen hat ist einfach krank. Macht er das auch wenn du z.b. diesen DOCTYPE voran setzt:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

><))))°>

Idle ...

Registered: Sep 2002
Location: Wien
Posts: 1586

10.07.2003 - 21:47

ja, genau den doctype hab ich verwendet

der IE ist überhaupt ein kranker browser, den grössten teil der "display" attribute, und min- bzw max-width ignoriert er einfach

atrox

in fairy dust... I trust!

Registered: Sep 2002
Location: HTTP/1.1 404
Posts: 2782

10.07.2003 - 22:13

.. er rechnet auch margin, padding und width nicht so zusammen wie es das w3c spezifiziert hat....

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

11.07.2003 - 13:27

der IE6 mit richtigem DOCTYPE switch schon

alexsb

hmm

Registered: Jun 2001
Location: near Graz
Posts: 1566

14.07.2003 - 19:02

Frage zur Vererbung:

Ich habe eine Tabelle in der die Farben alternieren, wie kann ich das jetzt optimal lösen?

Ich möchte alle eigenschaften ausser die Hintergrundfarbe in eine Klasse packen und anschliessend ein Kindobjekt das alle eigenschaften der Mutterklasse hat definieren, dem ich dann die Farbe zuweise, also so:

Code:

.data{
  width: 20;}
.data first-row{
  background: #fff;}
.data second-row{
  background: #aaa;}

Ich bin mir nicht sicher ob das so geht, im Web werden alle Vererbungsbeispiele nur mit fertigen tags gemacht, und oben habt ihr ja nur bei ineinandergeschatelten tags diskutiert.

danke schon mal

atrox

in fairy dust... I trust!

Registered: Sep 2002
Location: HTTP/1.1 404
Posts: 2782

14.07.2003 - 19:36

.class1 .class2

alexsb

hmm

Registered: Jun 2001
Location: near Graz
Posts: 1566

14.07.2003 - 19:54

ok, danke mal, jetzt zum Thema multiple verrebung

class1 ==> Ebene1
class2 ==> Ebene2 /1
class3 ==> Ebene2 /2
class4 ==> Ebene3 abgeleitet entweder von class1.class2 oder von class1.class3

Ist das irgendwie möglich?

atrox

in fairy dust... I trust!

Registered: Sep 2002
Location: HTTP/1.1 404
Posts: 2782

14.07.2003 - 21:56

eine spur mehr klarheit in der fragestellung würde nicht schaden.

Guest Deleted User Registered: n/a Location: Posts: n/a	23.06.2003 - 10:18 echt w00test Rektal ... das hat sich einen faqeintrag verdient!
crashman OC Addicted Registered: Oct 2001 Location: Vienna Posts: 891	23.06.2003 - 12:01 wow der thread ist genial bin bisher nie über die standard layoutierungen mit css hinausgekommen aber jetzt werd ich mir das mal wieder anschaun! Fast schon ein css faq
alexsb hmm Registered: Jun 2001 Location: near Graz Posts: 1566	23.06.2003 - 12:25 danke, haut natürlich perfekt hin, ich bin ehct begeistert. Das war sicher eine der kompetentesten Antworten die ich je gelesen habe.
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	23.06.2003 - 16:32 Oh, danke fuer die netten Worte Zumindest gibts mir das Gefuehl nicht verloren zu sein in einer Welt wo die Leute nicht mehr ueber ihren Table-rand hinaussehen (wollen).
><))))°> Idle ... Registered: Sep 2002 Location: Wien Posts: 1586	01.07.2003 - 14:48 wie kann ich eigentlich verhindern dass die "div"s in die nächste zeile rutschen wenn das browser fenster zu klein wird? ich würd das gern so lösen dass statt dem zeilenumbruch eine scrollleiste eingeblendet wird! ist das möglich?!
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	01.07.2003 - 15:31 Zwei Moeglichkeiten fallen mit ad-hoc ein: 1) Attribut 'white-space: nowrap' auf das DIV anwenden 2) eine Minimale Breite angeben, unter der das DIV nicht kleiner werden darff, z.B. 'min-width: 600px;' Ich denk 1) ist die g'schicktere Loesung, musst nicht wissen wie lang der Text ist.
><))))°> Idle ... Registered: Sep 2002 Location: Wien Posts: 1586	08.07.2003 - 15:53 also erstmal danke für die hilfe, rektal, aber jetzt bin ich auf ein neues problem gestossen. wenn ich zwei ineinander verschachtelte divs machen will, wie muss ich das machen dass es auch mozilla versteht. der IE versteht es wenn ich es so schreib: Code: `#header { } .header.logo { } .header.schrftzug { }` und dann im html: Code: `<div id="header"> <div class="logo"> </div> <div class="schriftzug"> </div> </div>` wie gesagt, im IE wirds korrekt angezeigt, aber in mozilla nicht. stimmt die syntax so überhaupt?! TIA edit: hab den fehler selber schon gefunden, richtig müsste es so lauten in css Code: `#header { } .logo { } .schrftzug { }` Bearbeitet von ><))))°> am 08.07.2003, 16:00
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	08.07.2003 - 21:12 Genau Bzw, wenn du allo logo bzw. schrftzug klassen UNTERHALB von #header ansprechen willst, sehen deine selektoren so aus: Code: `#header .logo { } #header .schrftzug { }` Das der IE damit was angefangen hat ist einfach krank. Macht er das auch wenn du z.b. diesen DOCTYPE voran setzt: Code: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
><))))°> Idle ... Registered: Sep 2002 Location: Wien Posts: 1586	10.07.2003 - 21:47 ja, genau den doctype hab ich verwendet der IE ist überhaupt ein kranker browser, den grössten teil der "display" attribute, und min- bzw max-width ignoriert er einfach
atrox in fairy dust... I trust! Registered: Sep 2002 Location: HTTP/1.1 404 Posts: 2782	10.07.2003 - 22:13 .. er rechnet auch margin, padding und width nicht so zusammen wie es das w3c spezifiziert hat....
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	11.07.2003 - 13:27 der IE6 mit richtigem DOCTYPE switch schon
alexsb hmm Registered: Jun 2001 Location: near Graz Posts: 1566	14.07.2003 - 19:02 Frage zur Vererbung: Ich habe eine Tabelle in der die Farben alternieren, wie kann ich das jetzt optimal lösen? Ich möchte alle eigenschaften ausser die Hintergrundfarbe in eine Klasse packen und anschliessend ein Kindobjekt das alle eigenschaften der Mutterklasse hat definieren, dem ich dann die Farbe zuweise, also so: Code: `.data{ width: 20;} .data first-row{ background: #fff;} .data second-row{ background: #aaa;}` Ich bin mir nicht sicher ob das so geht, im Web werden alle Vererbungsbeispiele nur mit fertigen tags gemacht, und oben habt ihr ja nur bei ineinandergeschatelten tags diskutiert. danke schon mal
atrox in fairy dust... I trust! Registered: Sep 2002 Location: HTTP/1.1 404 Posts: 2782	14.07.2003 - 19:36 .class1 .class2
alexsb hmm Registered: Jun 2001 Location: near Graz Posts: 1566	14.07.2003 - 19:54 ok, danke mal, jetzt zum Thema multiple verrebung class1 ==> Ebene1 class2 ==> Ebene2 /1 class3 ==> Ebene2 /2 class4 ==> Ebene3 abgeleitet entweder von class1.class2 oder von class1.class3 Ist das irgendwie möglich?
atrox in fairy dust... I trust! Registered: Sep 2002 Location: HTTP/1.1 404 Posts: 2782	14.07.2003 - 21:56 eine spur mehr klarheit in der fragestellung würde nicht schaden.

CSS Layout & Positionierung

Forum Index > Software > Coding Stuff

Guest

crashman

alexsb

Rektal

><))))°>

Rektal

><))))°>

Rektal

><))))°>

atrox

Rektal

alexsb

atrox

alexsb

atrox