se_square_left Breite ändern?

[leopittoni]

Hallo!

Ich versuche verzweifelt den Style "se_square_left" ( http://www.phpbb.com/customise/db/style/se_square_left/ ) so abzuändern, dass es eine variable Breite hat.

Dazu habe ich in der common.css die width auf 95% gestellt.

Code: Alles auswählen

#wrap {
    padding: 20px 20px;
	min-width: 900px;
	width: 95%;
	margin: 0 auto;
}

Funktioniert alles gut, nur das die Profilbox bei der view_topic nun nicht korrekt dargestellt wird... (Siehe Screenshot)
[ externes Bild ]

Der Abstand zwischen der Profilbox und der Trennlinie zum Content ist viel zu hoch. Wie kann ich das ändern?

In content.css gibt es die entsprechenden Einstellungen:

Code: Alles auswählen

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: right;
	clear: both;
	padding-left: 10px;  
   border-left: 1px solid #bcd4e3;  
}

Code: Alles auswählen

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	width: 22%;
	float: left;
	display: inline;
}

Habe verschiedenes probiert, nichts hat funktioniert. Hat jemand eine Idee?

Danke und Gruss!
Léo

[Kirk]

Hallo
Such mal bei .postbody { nach padding-left: 10px; und lösche das.
Setze bei padding: das hier ein 0 0 0 10px; du mußt die Werte vielleicht noch bischen anpassen.

[Crizzo]

Hi,

kannst du mal dein Forum verlinken? Denn das sieht mir für 10px durch padding ein wenig groß aus, der Abstand.

Grüße

[leopittoni]

Hier der Link: http://www.magboard.com/phpBB3/viewtopi ... =1&t=11218

Danke und Gruss,
Léo

[Crizzo]

Also entweder erhöhst du die Breite von .postbody auf 81% und stellst die Breite von .postprofile auf ca. 16-17% oder, was dann sicherer funktioniert. Du nimmst dem .postbody die border-left: 1px solid #BCD4E3; weg und gibst dem .postprofile passend eine border-right: 1px solid #BCD4E3;, was natürlich bei längeren Beiträgen dazu führt, dass die Linie nur solang ist wie das Profilfeld und nicht wie der Beitrag. In colours.css musst du dann natürlich die border-color-Angabe noch bei dem einen streichen und bei dem anderen ergänzen.

[leopittoni]

Danke vielmals.

Leider passt es auch so nicht ganz. Das Problem ist vor allem der online-Banner. siehe: [ externes Bild ]

Die Linie müsste gleich an das online-Signet rankommen. Funktioniert, wenn der postprofile Block eine width von 200px erhält.
Verkleinert man dann aber das Browserfenster schiebt sich aber der Content über den Profileblock - und alles verschiebt sich...

Gruss,
Léo

[Crizzo]

Mach mal die Breite zurück auf 16% bei .postprofile. Danach suche nach diesem:

Code: Alles auswählen

.online {
    background-image: none;
    background-position: 153px 0;
    background-repeat: no-repeat;
}

und ersetze es mit dem:

Code: Alles auswählen

.online {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

Grüße

[leopittoni]

Hallo!

Jetzt ist das Online-Täfelchen einfach ganz rechts und nicht mehr beim Profileblock...

[leopittoni]

Was wenn ich das online-Bild spiegle? Kann ich es dann ganz links positionieren und den ganzen Profile Block etwas weiter nach rechts?

[Crizzo]

Hallo!

Jetzt ist das Online-Täfelchen einfach ganz rechts und nicht mehr beim Profileblock...

Kann nicht sein, ich hab das eben ausprobiert: http://www.abload.de/img/onlinebild9oai3.png Aber natürlich wandert das "online"-Bild weiter nach rechts, je breiter das Foren-Fenster ist. Das bringt nun mal die dynamische Breite vom Profilfeld mit, der Beitragsbereich wird schließlich auch immer breiter. Wenn du da jetzt mit einer 2500px breiten Fenster dein Forum anschaust, sieht es dann nicht so aus wie auf dem Bild.

Was wenn ich das online-Bild spiegle? Kann ich es dann ganz links positionieren und den ganzen Profile Block etwas weiter nach rechts?

Klar, du kannst es auch um 90/180° drehen und dann im linken Eck anbringen.