Template-Anpassung je nach Bildschirmauflösung

[chefjaeger]

Ich versuch es mal für die Profis zu verdeutlichen

wrap 100%
contentwrap 100%
content 100%

Das funktioniert NICHT. Die rechte Box befindet sich ja im contentwrap, wird daher permanent von dem content verdrängt und rutscht darunter. Dinge wie 80% für Content bringen auch nicht den gewünschten Erfolg, da teilweise die Box dennoch darunter rutscht.
Lässt man Größenangabe ganz weg, wird der content nur auf die minimal mögliche Breite reduziert.

Ich habe die Seite bereits auf 100% getrimmt, die Boxen sind immer da wo sie hingehören, aber der content in der Mitte lässt sich nicht einstellen. Entweder zu breit (100%) oder zu schmal (ohne Angabe).

[amilo]

Hallo,

das was Giller geschrieben hat funktioniert 100%ig.

Poste mal den Code den du schon angepasst hast, dann lässt sich leichter dein Fehler finden.

MfG. Hansen

[chefjaeger]

Was der giller sagt, ist schon längst umgesetzt. Genau da liegt ja das Problem.

Das hier hab ich zudem aus der ORIGINAL stylesheet. Das wrap (hier nicht dabei) ist bereits auf 100%.

/* CONTENT WRAPPER */
#contentwrap {clear:both;width:950px;padding:0; min-height:500px;}

/* LEFT COLUMN */
#leftcol {float:left; width:200px; padding:0px 0px 15px 0px;}

/* RIGHT COLUMN */
#rightcol {float:right; width:200px; padding:0px 0px 15px 0px;}

/* MAIN CONTENT */
#content {float:left; width:495px; padding:0px 25px 0px 25px; margin-bottom:15px;}
#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}

Der Maincontent ist doch festgenagelt auf 495px. Wenn ich nun diesen breiter haben will, schmeisst er die rechte Box runter. Ich bekomme alles auf Seitenbreite, aber nicht den verdammten Content in der Mitte. Und ich finde keinen Fehler.

[amilo]

Hallo,

so kann´s auch nicht gehen.

#wrap: width:950px <-- Löschen
#content: width: 495px <-- Löschen
#contentwrap: width:950px <-- Ersetzen mit width:100%

MfG. Hansen

[chefjaeger]

Ganz ehrlich? Ich gebs gleich auf....
Deine Änderung bewirkt das es im maximierten Modus passt und alles breit ist. Aber der Mittelteil (content) wird nicht kleiner, wenn man das Fenster kleiner macht sondern verharrt still steif und dumm auf der festgelegten Breite!!! Stattdessen müsste er sich doch zusammenstauchen lassen!?

Dabei will ich es nur so haben wie bei king-of-hardware.... Mich treibt das Template echt zum verzweifeln.

[amilo]

Hallo,

welcher Kunde fummelt denn bitteschön an der Fensterbreite rum während er surft?

Die Änderung ist dafür da, das sich die Breite der Seite den verschiedenen Bildschirmauflösungen anpasst. Dafür musst du den Content natürlich noch mit z.B. einer floatenden Liste erweitern, so das je nach Bildschimrauflösung mehr oder weniger Artikel nebeneinander angezeigt werden. (Wie bei Amazon)

MfG. Hansen

[chefjaeger]

Wenn ich den Browser mit einem kleinen Fenster starte und die Seite ansteuer, ist es verhauen. Der Mittelteil ist zu breit. Aber der müsste per Definition doch sich der Fensterbreite anpassen, CSS arbeitet doch nicht mit Windows Bildschirmauflösung!?

Die floating boxes kommen später. Fakt ist, dass der Mittelteil NICHT dynamisch ist. Der ist nach wie vor STARR

[amilo]

Kannst du mir mal einen Link zu deinem Shop geben?

MfG. Hansen

[chefjaeger]

Gameraiders
Ist eigentlich ein Standardtemplate von Veyton. Wurden nur die Farben angepasst. Die von Dir besagte Änderung führt zu reinstem Designchaos.

[amilo]

Hallo,

das verhalten so ist normal (für den Code).
Du musst jetzt halt nur noch das product_listing anpassen.

MfG. Hansen