seitenbreite anpassen

landlubber

hallo,
kann mir jemand erklären, wie ich die Seitenbreite einer einzelnen statischen Seite anpasse.
Ich habe in der TemplateDatei test.php die sidebar()-fkt. auskommentiert und nun wird diese auch nicht angezeigt. Wie aber bekomme ich den content auf ganze Breite (940px)

Im org.-Template steht: <div id="content" class="page"> (dann kommt eine if-Abfrage und eine while-schleife)
das habe ich im neuen template in <div id="content" class="testseite"> geändert und versucht es im css zu definieren und zwar unter:
#content {
float: right;
width: 640px;
margin-top: 0px;
}
mittels: #content .testseite {
width: 940px;
}
das ist vermutlich zu wenig, oder irgendetwas wird vererbt, oder,oder...
bevor ich mich in den tiefen der Dokumentation(en) verliere, gibts hier vielleicht eine schnelle antwort.
cheers and thanx

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

die styles muessen ohne leerzeichen sein (weil die css id und css class im selben element sind):

Code

#content.testseite {
width: 940px;
}

mehr hilfe, wenn notwendig, gegen einen link zur seite :mrgreen:.

landlubber

Fantastisch! (was so eine Leerstelle ausmacht). Aber was genau ist das Element? -Ich glaube ich komme um ein manual nicht herum.
Die Seite: http://www.ocean-charter.de
(dann werde ich wohl als nächstes das Impressum schreiben müssen)
Eine kleine Frage hätte ich noch (hat mich auch schon viel Zeit gekostet) ich suche ein Kalender-widget, ohne Terminhighlighting und Ereignisanzeige, einfach um zu gucken, was für ein Tag z.B der 30.12.2022 ist - so wie man ihn aus der Taskleiste kennt...

Vielen Dank für die schnelle Hilfe

derElch

Du wirst dich noch viel mehr wundern wenn du wüsstest viewiel ein > ausmacht :lol:

(sry für offtopic)

alchymyth

Zitat

Aber was genau ist das Element?

in deinem fall ist die div:

HTML

<div id="content" class="testseite">

random - anderes beispiel:

HTML

<ul id="nav" class="topnav">

landlubber

ich bin blutiger Anfänger. Ich werde demnächst mal "Stylesheet für Dummies" o.ä. duchblättern, damit ich wenigstens einen Operator von einem Selektor unterscheiden kann. Dann mal wieder eine bisschen OOP auffrischen and so on...
Schönes Hobby.

Tolles Forum!

Wegen dem Kalenderding hast du keine Idee?

thx
ll

landlubber

post

ja, war lange weg. jetzt habe ich festgestellt, das sich auf oben beschriebenem Weg zwar die Breite des content auf 940px erweitert hat, der post innerhalb des contents aber immer noch 640px breit ist, was das selbe ergibt, als hätte ich eine leere sidebar.
Der Text im content ist: div id="post-84" class="post". post ist im css dann mit 640px definiert.
Kann man das anpassen, (nur für bestimmte Seiten, also nicht für alle posts), oder sollte man lieber hübschen Zierrat in die sidebar einbauen, um sich viel friggelarbeit zu sparen oder habe ich schon wieder etwas ganz einfaches übersehen?

alchymyth

[COLOR=blue]#content .post[/COLOR] hat noch ein feste breite;

Code

#content .post {
    float: left;
  position: relative;
  width: 640px;
  margin-bottom: 30px;
 padding-top: 10px;
}

neuen style anfertigen:

Code

#content.testseite .post { width: 940px; }

landlubber

funzt! --- danke!
hier wird .post mit einem Leerzeichen davor referenziert, wenn du mir das nochmal erläuterst, kapiere ich vielleicht besser, worum es genau geht...
und: ist es eigentlich egal, wo im stylesheet die styles stehen; ausser natürlich, dass es um Übersichtlichkeit geht?
danke nochmal
ll.

alchymyth

.post ist mit einem leerzeichen davor, weil es eine css class von einem anderen element (andere div) als das #content ist.

das hier ist der html-code vom browser:

HTML

<div id="content" class="testseite">
 
        <div class="post" id="post-84">

css id = #content
css class = .testseite
css class = .post

#content und .testseite sind im gleichen div; .post ist in einem anderen;

also im stylesheet:

Code

#content.testseite { ... }
 
#content .post { ... }
#content.testseite .post { ... }

ps:

alles was im stylesheet weiter unten steht, ueberschreibt das gleichnamige von weiter oben;
wenn etwas sehr spezifisch ist, wie zB dein '#content.testseite .post {}' spielt die position im stylesheet kaum eine rolle.

landlubber

volle Breite keine sidebar

hallo,
ich habe mein theme (sliding-door) updated, und stehe nun wieder ganz am Anfang.

Die style.css sieht völlig anders aus: http://pastebin.com/7w5cTThT.

Es gibt diverse templates: http://pastebin.com/UeT9Gjqv , unter anderem eine singel-post (single.php): http://pastebin.com/0ve9bbeM ,die der schlüssel sein könnte.

Mein Ziel ist wieder eine Seite zu bekommen, auf der keine sidebar ist, und der content bzw. post, die ganze Breite einnimmt.

Im Theme-Forum habe ich dazu nichts brauchbares gefunden - nur Fragen.
Sollte jemand (vielleicht Alchymyth, dem ich schon jetzt sehr dankbar bin :-D) die Zeit haben mir zu helfen - würde ich die Infos dort aufgearbeitet weitergeben.

cheers
landlubber

grundi

Hallo an alle,
das klingt ja gar nicht so gut. Ich habe auch des öfteren Probleme. Letztens bin ich dann hier im Hochseilgarten gewesen, um mich ein bisschen zu entspannen und das hat auch wirklich nicht geholfen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

seitenbreite anpassen

Jetzt mitmachen!