powie.de Tech Forum

Auf meiner Stuff-Site habe ich mal wieder ein wenig \"gefegt\", da mahe ja nun auch die phacks.de mehr oder weniger offline hat.
Die dort enthaltenen IndoorJo-CSS\'es sind mitunter schon einige Monate/Jahre alt, beinhalten also nicht unbedingt alle Klassen, die zur Zeit verarbeitet werden (z.B die Table-Klasse \"content\"). Die sind unteren beiden sind momentan jedoch absolut kompatibel, wobei das letzte davon sogar komplett W3C-CSS-valid  ist. /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />
 

---

- Editiert von IndoorJo am 23.01.2005, 17:58 -

Original von IndoorJo ...wobei das letzte davon sogar komplett W3C-CSS-valid  ist. /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />
[/quote] Nun nicht mehr... denn ich habe mal für die Klasse head einen Farbverlauf hinzugenommen, der jedoch nur von wenigen Browsern interpretiert wird... z.B. vom M$IE ab Version 6, aber leider nicht vom Firefox 1.0 - was meint Ihr? Den (invaliden) Farbverlauf drin lassen oder rausschmeißen?

tja da gibt es sicher geteilte Meinung drüber...... da aber dadurch das auf verschiedenen Browsern unterschieldich aussieht: besser drauf verzichten

Das ist proprietäres MS CSS - buhh.
Lieber rauslassen...

Original von Legato Das ist proprietäres MS CSS - buhh.
Lieber rauslassen...
[/quote]
 /uploads/emoticons/icon_e_surprised.gif.a8707b3f35a569cb4cfe563fc72ef78d.gif\" alt=\":-o\" />  :H:  weg damit!

Original von Powie tja da gibt es sicher geteilte Meinung drüber...... da aber dadurch das auf verschiedenen Browsern unterschieldich aussieht: besser drauf verzichten
[/quote]Also enweder wird es angezeigt, oder auch nicht. In dem Fall dass es nicht angezeigt wird, triit aber die normale (bewusst angegebene) Hintergrundfarbe in Kraft - von daher doch kein Problem...?!

naja, ich bin seit ein paar tagen auf der 100%ig validen schiene  /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />

Man sollte da konsequent sein, also entweder 100% valide oder gar nicht. Ich bin für 100% validen Code.

Original von c0d3r naja, ich bin seit ein paar tagen auf der 100%ig validen schiene  /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />
[/quote]
*aufschulterklopf* /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />

Original von Stibie

Original von c0d3r naja, ich bin seit ein paar tagen auf der 100%ig validen schiene  /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />
[/quote]
*aufschulterklopf* /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />
[/quote]
pha, war auch auf dieser schiene und habe sie beim kläglichen versuch, ein dreiblöckemodell nach meinen vorstellungen zu kreieren, teils wieder verlassen. d. h. valid ja, design aber ohne div-ebenen dafür wieder mit tabellen. /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />

wobei das mit den blöcken und div ganz gut funktioniert.

/uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" /> ja, es funktioniert im prinzip gut. nur konnte es meinen anforderungen nicht gerecht werden... habe mich gestern im chat bei gerde genügend lange darüber ausgelassen /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" />

sagen wir mal so... wenn das aktuellste CSS als default übernommen wird, dann schmeiße ich den Farbverlauf raus... wenn nicht, lasse ich ihn drin, da so die User auch noch was lernen können

habe nun auch mal das CSS IndoorJo 8 überarbeitet, den aktuellen Klassen aus Powies Scripten angepasst und eingebaut (war vorher überhaupt nicht \"available\" /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" /> )

Wenn ich Lust und Laune habe, werde ich mich nun doch mal an die alten CSS-Designs setzen und sie so überarbeiten, dass sie den aktuellen Klassen genüge leisten. Die aktualusierten sind alle mit einem * gekennzeichnet. Heute habe ich das IndoorJo2 angepasst, welches vor knapp 3 Jahren der Renner war...

Habe nun die ganze Seite mal anders gestaltet. Gibt es noch Wünsche?

Original von IndoorJo Habe nun die ganze Seite mal anders gestaltet. Gibt es noch Wünsche?
[/quote]
Ja, keine Tabellen! /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />

Original von Stibie

Original von IndoorJo Habe nun die ganze Seite mal anders gestaltet. Gibt es noch Wünsche?
[/quote]
Ja, keine Tabellen! /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />
[/quote] LOL - wenn das immer so einfach wäre. Ich habe es sogar versucht... aber der Firefox stelle es anders dar, als der M$IE - und das hat mich ad hoc wieder davon abgehalten... und BTW: Um die Table-Klassen zu zeigen, MUSS ich mit Tabellen arbeiten  /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />
Stibie, schau mal hier - da habe ich mal eine Testversion ohen Tabellenaufbau gebastelt... (noch kein CSS eingebunden)

@Stibie: Schau z.B. mal :: hier :: - einmal bitte mit M$IE und dann mal mit Firefox ansehen... Was ich nicht verstehe: Die Breite #aufbau ist mit 980px angegeben. Der Menübereich #left mit 180 px und der #inhalt mit 778px (und padding 10px) - Die 180px werden eingehalten, aber die 778px (+20) beim M$IE nicht - warum nicht? Lasse ich die Tabelle des \"Forums\" weg, passt es aber wieder nebeneinander... :-/

@Stibie: - Nachtrag...

Original von IndoorJo @Stibie: Schau z.B. mal :: hier :: - einmal bitte mit M$IE und dann mal mit Firefox ansehen... Was ich nicht verstehe: Die Breite #aufbau ist mit 980px angegeben. Der Menübereich #left mit 180 px und der #inhalt mit 778px (und padding 10px) - Die 180px werden eingehalten, aber die 778px (+20) beim M$IE nicht - warum nicht? Lasse ich die Tabelle des \"Forums\" weg, passt es aber wieder nebeneinander... :-/
[/quote]
Und nun habe ich mal zwei verschiedene Doctypes eingesetzt
Version 1 (s.o.)
Version 2
Dem Firefox schadet es nicht viel, dafür aber dem M$IE.... :-/

1) Warum einen div aufbau? Nimm dazu doch den Body Tag!
2) Ach ja, MSIE und Firefox, dasselbe Prob habe ich auch immer...Ich würde dir vorschlagen XHTML-Strict Doctype zu verwenden, die CSS auszulagern...das nur zur Form.
Zu deinem Problem:
Ein genaues andeinderpappen, ich nenn es einfahc mal so, zweier ELemetne erweist sich immer als schwierig, wenn es Browserkonform seien soll...ich würde dir mal vorschlagen und den beiden divs, navi und content mal ein emargin:0; zu geben, ansonsten muss du den content dünner machen. Ich persöcnlich habe da auch schon einmal dran geseessen, habe mich dann aber im Endeffekt dazu entschlossen den div dünner zu machen...
 
btw: Wenn du 0px hast, dann ist das null, also ist das \"px\" optional!

XHTML-Strict Doctype zu verwenden[/quote] DAs ist mir aber eben zu strikt, daher habe ich ja auch transitional gewählt...

die CSS auszulagern...das nur zur Form.[/quote] Eben, nur Formsache, für mich bei meinem \"Problem\" nur sekundär wichtig.

Warum einen div aufbau? Nimm dazu doch den Body Tag![/quote] Wie meinst Du das? Die inhaltliche Seitenbreite in den CSS-Body verlagern? Bringt aber auch keinen echten Unterschied.

Ein genaues andeinderpappen, ich nenn es einfahc mal so, zweier ELemetne erweist sich immer als schwierig, wenn es Browserkonform seien soll[/quote] Ah, da haben wirs... also doch mit Tabellen, da passts dann wenigstens  /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />

Tabellen sind dafür unbrauchbar /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />
Guck mal die Beispiele an:
http://css4you.de/wslayout1/index.html

Tabellen sind dafür unbrauchbar [/quote] Sei doch nicht so hart... natürlich sind sie es - da hilft auch Dein Smiley nicht...
Und den Link kenne ich... was meinst Du woher ich den Aufbau habe  /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" /> - Die Basis ist nichts anderes als das hier

Das Leben ist halt kein Ponyhof, man kann sich nicht aussuchen, auf wem man reitet!  /uploads/emoticons/icon_e_sad.gif.cc8ba2b6b966c5e020020efa47702aab.gif\" alt=\":(\" />

http://www.andreas-kalt.de/webdesign/tutorials/index.htm
gutes tut! so hab ich (fast /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" /> ) begriffen, wie es so funktioniert mit den divs...
 

Das Leben ist halt kein Ponyhof, man kann sich nicht aussuchen, auf wem man reitet! [Verunsichert] [/quote] *hust* jein *hust*
aber der hier ist doch auch schon nicht schlecht, oder: Valid HTML 4.01 Transitional

Original von DEC http://www.andreas-kalt.de/webdesign/tutorials/index.htm
gutes tut! so hab ich (fast /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" /> ) begriffen, wie es so funktioniert mit den divs...
[/quote] Schöne Seite, kannte ich noch nicht... aber begriffen habe ich das mit den divs schon.... nur die Browserprogrammierer wohl nicht :-/ :R:

Warum gibt es nicht einen Browser für alle....dann wäre das Programmieren so schön...*seufz*

Original von Stibie Warum gibt es nicht einen Browser für alle....dann wäre das Programmieren so schön...*seufz*
[/quote]  :H: - aber gibt es doch: Firefox... nur das wissen noch nicht alle /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" />

Jochen, schau mal, wir werden wohl die Klassen mit
margin=xx
versehen müssen. Ich habe an vielen Stellen einfach ein
 gesetzt um zwischen Tabellen einen Abstand zu generieren. Das wird entsprechend wegfallen!

oka

Jochen, schau mal,[/quote] wo?

Ich habe an vielen Stellen einfach ein  gesetzt um zwischen Tabellen einen Abstand zu generieren. Das wird entsprechend wegfallen!
[/quote] Du meinst bei den Tabellen, die untereinander sitzen? Oder auch bei denen, die verschachtelt sind? Hmm....
Brauchen wir dann nicht nur ein margin-bottom ?
 
edit:  - Ah,... ich sehe gerade in Deinem aktuellen CSS... Du hast bereits margin-bottom bei den Table-Klassen eingesetzt...  :H:

ich teste mal vorsichtig aus wo man das überall braucht...

Mit heutigem Datum - 17.04-2005 - sind nun auch alle alten IndoorJo-Designs an die aktuellen Klassen, die Powie in seinen Scripten verwendet, angepasst. Guckst Du /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" />

\"Simple Black\" is born /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" />

Original von IndoorJo \"Simple Black\" is born /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" />
[/quote]
SCHÖÖÖÖN!!!!  /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />

Wirklich prima /uploads/emoticons/icon_e_biggrin.gif.40dcc5d69f84e2cf29e77d8e1e9a84e2.gif\" alt=\":D\" /> Wow - Du bist ja rasend schnell mit sowas oO

Auf test.powie.de kann man sich das CSS-Design auch schon über den Design-Chooser anzeigen lassen.

Wow, sieht mal wieder super aus - thx @Jochen