An die Webentwickler des Forums...

[mita1982]

Hallo,

bin grade am überlegen wie tutorials.de aufgebaut worden ist. Kommen wir konkret zu meine Frage. Wie kann ich eine Website kreieren, die sich bis zu einem gewissen Maß an das Browserfenster anpasst?

Im moment programieren in der Schule wir mit Hilfe von PHP, Mysql und Javascript einen Webshop. Wir haben da div container zum laouten benützt. und die Seite hat einen Content container wo auch gescrollt werden kann. Aber ich will es umprogramieren, so dass sich die Seite an die fenstergröße anpasst. Ich meine genau so wie es hier im Forum ist. Läßt man sich im firefox die "Hintergrundgrafik" anzeigen, dann ist sie meist maximal 3px breit und (je nachdem was das für ein Balken ist)hoch. Es ist mir schon klar dass sich diese Hintergrundgrafiken immer wiederholen, doch wie programmiert man sowas?

Ich hoffe ihr habt verstanden was ich meine...

DANKE

grüße

mista

 

[Gumbo]

Die Technik, die du meinst, ist mit Onion Skinned Drop Shadows zu vergleichen.

 

[mita1982]

Ein Mitschüler meinte grade zu mir, dass die hintrgrundgrafiken automatisch nebeneinander setzt werde uns ich quasi so die Größe anpasst. also ist immer ein balken aus drei containern? Einmal mit Hinterundgrafik Anfang des des Balkens, ein wo der Titel z.B. des threads steht, und ein der das abschlißt und im mittleren kommt wird dann die hintergrund grafik automatisch eingefügt wie groß der container ist. Kann man es so realisieren?

Weil das mit layern versteh ich garnicht, zumal da Rede von Schatten ist...

hier mal par Grafiken:

http://www.tutorials.de/forum/images_v6/silver/box_se.gif
http://www.tutorials.de/forum/images_v6/blue/btn_se_l.gif
http://www.tutorials.de/forum/images_v6/blue/btn_ss_l.gif (die wird immer widerholt?)

 

[Gumbo]

Ja genau, so ist das möglich.

 

[mita1982]

So wie mein Kumpel das mir gesagt hat? ok wie kann man denn den div-containern variable größe zuweisen? kenn das nur mit absoluten px Angaben:

#frame-gesammt{
   position: absolute;
   width:  900px;
   height: 600px;
   background-color: #FFFFFF;
   margin: -300px 0px 0px -450px;
   top: 50%;
   left:50%;
}

 

[Gumbo]

Folgendes wäre möglich:

body {
	margin: 0;
	padding: 20px;
}
#wrap {
	margin: 0 auto;
	min-height: 100%;
	background-color: #FE0;
}

 

[mita1982]

#wrap und so verstehe ich zwar nicht DANKE trozdem

ich hab einfach gedacht das sowas einfach zu realisieren ist. margin auto lässt warscheinlich dann die größe variabel?

was ich wissen ist wie der Balakn zum beispiel von denem Psot aufgebaut sein könnte:

kreis, 23.11.07, 10.27 grauer verlauv nummer(#6)

oder nochbesser der Fuß des Psots:

gelb , kreis, antowrten, gelb,hacken, Erledigt, grauer Verlauf, abgerundete kannte schlißt den Balken ab.

Skaliert man dann das Fenster bewegt sich das abschlißende graue Feld mit. oder darüber Zitat etc.