[GELÖST] Layout «zerschossen»

mike-r · 06. Januar 2015 17:27

Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
<body>
<a name="hier">
<div ...

Das fängt schonmal da schön an, wo Du die ganze Seite in einen Link packst.
Bereinige mal die Fehler (vorher das a schliessen!):
http://jigsaw.w3.org/css-validator/vali … erde.ch%2F
http://validator.w3.org/check?verbose=1 … erde.ch%2F
Im günstigsten Fall packste mal das Template von gestern wieder drauf, so wie das jetzt ist, ist das ein reichlich undurchsichtiges Wirrwar.

Klenkes · 06. Januar 2015 17:40

Das sieht inzwischen aus, als wäre es total zusammen geschossen. Die Struktur der DIVs stimmt auch gar nicht mehr.

Zum Beispiel:
- #pagewrapper wrapt nur noch #titel und #header
- #content ist plötzlich ausserhalb
- In #containerechts befindet sich praktisch alles inkl. footer

Das war so anfangs nicht(glaube ich), und war so sicherlich auch nicht gedacht. Der #pagewrapper soll sicherlich "alles" wrappen, Breite festlegen und zentrieren?

Kannst du das zurück setzen?

redigo/ · 06. Januar 2015 17:44

Kannst du das zurück setzen?

Leider nein. Ich war so blöd, keine Kopie des gestrigen Zustands zu erstellen.
Man lernt ja nie aus ;-)
EDIT: Aber es gibt zum Glück ein DB-Backup des Providers ;-))

Beitrag geändert von redigo/ (06. Januar 2015 18:10)

Klenkes · 06. Januar 2015 18:04

Liege ich richtig in der Annahme, dass es so aussehen soll:
SHE
Das wäre nur eine Umordnung der Elemente und etwas Änderung des CSS?!?

Ich weiß schon gar nicht mehr wo anfangs das Problem lag... lol

redigo/ · 06. Januar 2015 18:13

Ich weiß schon gar nicht mehr wo anfangs das Problem lag...

Es geht mir leider genau so. Aber du triffst den Nagel auf den Kopf, so (dein Screenshot) sollte es aussehen. Ich warte jetzt auf das BD-Backup des Providers.
Ich habe wohl nicht meine besten Tage ;-))
EDIT: Ich habe inzwischen Nockenfell um bezahlte Hilfe gebeten, um aus dem Chaos rauszukommen. Herzlichen Dank euch allen und denkt bitte nicht zu schlecht von mir ;-))

Beitrag geändert von redigo/ (06. Januar 2015 18:32)

Klenkes · 06. Januar 2015 18:24

Alsooo... im Großen und Ganzen muss deine Struktur so ausehen:

Hier klicken, um den Code zum Kopieren zu markieren

<div class="pagewrapper">

  <div id="header"></div>
  <div id="titel"></div>

  <div id="content">
    <div id="sidebar"></div>
    <div id="main"></div>
    <div id="containerrechts">
      <div id="imagebox"></div>
      <div id="textbox"></div>
    </div>
    <div class="clear"></div><!-- HIER wird gecleart! -->
  </div>

  <div id="fusszeile"></div>

</div>

Und damit habe ich dein CSS überschrieben:(An's Ende der CSS Datei)

Hier klicken, um den Code zum Kopieren zu markieren

div#content         {width:100%; margin:0; padding:30px 0 0 0;}
div#main            {float:left; width:45%; margin:0;}
div#containerrechts {float:right; width:25%; margin:0;}
div#fusszeile       {clear:both; width:100%; padding:10px 0;}
div#zuletzt         {width:25%;padding:0;}
div#impressum       {width:25%;padding:0; text-align:left;}
div#motto           {width:50%;}

Das ist eigentlich alles.

redigo/ · 06. Januar 2015 18:40

Das ist eigentlich alles.

Ja, ich sehe, dass ich längst nicht mehr auf dem aktuellen Stand der Dinge bin. Ich werde wohl das Ganze (von Nockenfell) neu aufsetzen lassen und ich lass die Finger davon, offenbar richten sie derzeit nur Unheil aN ;-)
Nochmals herzlichen Dank!
redigo
EDIT: Also ganz alles doch nicht ;-) Im CSS fehlt <div sidebar>. ;-)

Beitrag geändert von redigo/ (06. Januar 2015 18:49)

Klenkes · 06. Januar 2015 18:51

redigo/ schrieb:

EDIT: Also ganz alles doch nicht ;-) Im CSS fehlt <div sidebar>. ;-)

Kann bleiben wie es ist yikes

redigo/ · 06. Januar 2015 18:59

Danke, Klenkes. Die strukturelle Klarheit in Template und CSS war es eigentlich, was ich mir hier erhofft habe. Ich schaue jetzt, dass ich es auf die Reihe kriege.
Beste Grüsse aus Zürich
redigo

nockenfell · 06. Januar 2015 21:49

Habe das Template nun korrigiert. Schlussendlich war die <div id="main"> verschachtelt in einer Sidebar, bzw. die Sidebar nicht sauber geschlossen worden sowie die Breitenmasse der Container im CSS nicht korrekt.

Klenkes war hier auf sehr guter Spur. Da das Template nicht gerade sehr übersichtlich war, musste ich auch erst mit der Developer Version von Firefox die Seite auseinandernehmen und korrigieren, um einfach die Fehler zu sehen.

Nach dem breinigen des Templates auf ein sauber verschachteltes Template ohne überflüssige Kommentare sowie der Korrektur des CSS funktioniert die Seite nun.

redigo/ · 07. Januar 2015 05:30

Nockenfell schrieb:

funktioniert die Seite nun.

So ist es. Allen Mitwirkenden hier herzlichen Dank!

Forum für CMS/made simple

#26 06. Januar 2015 17:27

Re: [GELÖST] Layout «zerschossen»

#27 06. Januar 2015 17:40

Re: [GELÖST] Layout «zerschossen»

#28 06. Januar 2015 17:44

Re: [GELÖST] Layout «zerschossen»

#29 06. Januar 2015 18:04

Re: [GELÖST] Layout «zerschossen»

#30 06. Januar 2015 18:13

Re: [GELÖST] Layout «zerschossen»

#31 06. Januar 2015 18:24

Re: [GELÖST] Layout «zerschossen»

#32 06. Januar 2015 18:40

Re: [GELÖST] Layout «zerschossen»

#33 06. Januar 2015 18:51

Re: [GELÖST] Layout «zerschossen»

#34 06. Januar 2015 18:59

Re: [GELÖST] Layout «zerschossen»

#35 06. Januar 2015 21:49

Re: [GELÖST] Layout «zerschossen»

#36 07. Januar 2015 05:30

Re: [GELÖST] Layout «zerschossen»

Fußzeile des Forums