Darstellungsproblem mit Sidebar und Forum

darot · Beitrag von **darot** » 21.04.2012 15:59

Hallo...

Ich habe nun alles geändert, aber die Sidebar zeigt es mir immernoch oberhalb vom Forum an und braucht die ganze Bildschirmbreite.

Habe hier mal die sidebar.html zur Ansicht https://www.phpbb.de/support/pastebin.p ... iew&s=1040
Hier wäre die sidebar.css https://www.phpbb.de/support/pastebin.p ... iew&s=1041
und hier noch die common.css https://www.phpbb.de/support/pastebin.p ... iew&s=1042

Beitrag von **Crizzo** » 21.04.2012 16:16

Geh mal in die overall_footer.html und lösche das hier:

Code: Alles auswählen

<div class="page-sidebar">

    </div>

und dann gehst du in die sidebar.html und ergänzt ganz oben in der 1. Zeile das hier: <div class="page-sidebar"> und in der letzten Zeile das hier:

Code: Alles auswählen

</div>

Danach lösch du das:

Code: Alles auswählen

<link href="{T_THEME_PATH}/sidebar.css" rel="stylesheet" type="text/css">
        <style type="text/css">
<!--
.Stil2 {font-size: x-small}
-->
    </style>

aus der sidebar.html und schreibst den unteren Teil in die overall_header.html. Und zwar zwischen <head> und </head>. Sollte dort schon ein <style type="text/css"> vorhanden sein, dann trägst du das .Stil2 {font-size: x-small} dort nur ein und lässt das Style-Element weg.

Danach öffnest du die \styles\DEINSTYLENAME\theme\stylesheet.css
SUCHE:

Code: Alles auswählen

@import url("colours.css");

DANACH in einer neuen Zeile einfügen:

Code: Alles auswählen

@import url("sidebar.css");

Wenn es danach nicht geht, hätte ich gerne einen Link zu deinem Forum, der funktioniert. Der 1. Link ist jetzt passwortgeschützt.

Grüße

darot · Beitrag von **darot** » 21.04.2012 16:47

Hallo

Nun ist das Forum wieder offen und nicht mehr durch ein Passwort geschützt. Es soll eben erst für die Öffentlichkeit zugänglich sein, wenn alles so ist wie es sein sollte.

Nun ist die Sidebar auf der Linken Seite, dass Forum befindet sich aber immernoch unterahlb von der Sidebar.

http://hundiforum.ch/forum/index.php

Hier noch ein Bild, wie es ausseiht wenn man eigeloggt ist http://img840.imageshack.us/img840/7839 ... nnt1rb.jpg

Gruss, Dani

Beitrag von **Crizzo** » 21.04.2012 17:01

Ändere mal das hier:

Code: Alles auswählen

    #page-body {
       /* clear: both; bin ich mir nicht sicher, ob das stört, mal probieren */
        margin: 4px 0 4px 170px;
    }

in das hier:

Code: Alles auswählen

#page-body {
    margin: 4px 0 4px 210px;
}

Ansonsten brauche ich mal deinen ganz normalen Test-Account, mit dem ich die Verschiebung sehen kann.

darot · Beitrag von **darot** » 21.04.2012 17:06

Würde nun gut aussehen, nur ist immernoch die Sidebar oberhalb vom Forum.
Vom Abstand her, zwischen Sidebar und Forum würde es gut aussehen. Jetzt müsste nur noch alles nebeneinander stehen.

Beitrag von **Crizzo** » 21.04.2012 17:10

Bei mir sieht das gut aus, eingeloggt immer noch nicht? Dann gib mir mal einen Test-Account, sonst kann ich das nicht prüfen.

darot · Beitrag von **darot** » 21.04.2012 17:13

Login: Darot
PW: tester

Beitrag von **Crizzo** » 21.04.2012 17:26

Nimm mal das hier:
SUCHE:

Code: Alles auswählen

.page-sidebar {
    float: left;
    margin-top: 4px;
    width: 200px;
}

#page-body {
    margin: 4px 0 4px 210px;
}

Achtung: .page-sidebar gibt es mehrfach, das musst du also einmal löschen und einmal ersetzen!
Ersetzen mit:

Code: Alles auswählen

#page-body {
    float: right;
    width: 78%;
}
.page-sidebar {
    float: left;
    width: 20%;
}

darot · Beitrag von **darot** » 21.04.2012 17:32

Muss das nun in die common.css oder sidebar.css?

In der sidebar.css steht folgendes:

Code: Alles auswählen

.page-sidebar {
    float: left;
    margin-top: 4px;
    width: 200px;

und in der common.css:

Code: Alles auswählen

#page-body {
    margin: 4px 0 4px 210px;
}

Sehe das .page-sidebar nur einmal.

Beitrag von **Crizzo** » 21.04.2012 17:43

darot hat geschrieben:Muss das nun in die common.css oder sidebar.css?

Ich weiß nicht, wo das noch überall steht. Aber ich hab dir zwei CSS-Regeln gegeben, die du ersetzen musst, einmal:

Code: Alles auswählen

.page-sidebar {
    float: left;
    margin-top: 4px;
    width: 200px;
}

mit dem:

Code: Alles auswählen

.page-sidebar {
    float: left;
    width: 20%;
}

und einmal die:

Code: Alles auswählen

#page-body {
    margin: 4px 0 4px 210px;
}

mit dem:

Code: Alles auswählen

#page-body {
    float: right;
    width: 78%;
}

phpBB.de

Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum

Re: Darstellungsproblem mit Sidebar und Forum