Rahmen unterschiedlich auf den Seiten

**elupo** · 26.04.2011, 11:15

Mache gerade eine Seite für unseren Verein und habe folgendes Problem.
Die Rahmen im Fuß Bereich sind bei manchen Seiten unterschiedlich dich obwohl ich nur ein Seitenlayout verwende wie kommt das?

http://www.campingfreunde-silbersee....silbersee.html

Und wieso springen manche Seiten mal nach links und manche nach recht.
Liegt das am Browser?

Danke schon mal im voraus.

**lindesbs** · 26.04.2011, 11:18

Kontrollier mal deine Templates, hast du daran etwas veraendert ?
Es fehlt naemlich manchmal ein schliessendes div vom wrapper

http://validator.w3.org/check?verbos...andschaft.html

**magicsepp** · 26.04.2011, 12:53

Und wieso springen manche Seiten mal nach links und manche nach recht.
Liegt das am Browser?

das liegt an der Seitenlänge, Scollbalken rein und raus....
abhilfe schafft ein bischen css was den Scrollbalken immer einbledet unabhängig vom nutzen:

html {
overflow-y: scroll;
}

**magicsepp** · 26.04.2011, 13:01

noch ein paar Kleinigkeiten die mir aufgefallen sind.

Star seite ... in der Navigation
... und ... gratuliert recht herzlich zum Fes tag - prüfe mal die T- Taste deiner Tastatur :-)

lustig finde ich:
Camping
wird bei uns groß geschrieben,.... (steht da aber klein ?, und nicht CAMPING

**elupo** · 27.04.2011, 09:18

Die T - Taste hat wirklich ein Problem Tastatur ausgewechselt.

Das Camping bei uns groß geschrieben wird ist anders gemeint.

Danke

**elupo** · 27.04.2011, 09:29

Ich habe nur die Rahmen in der Contaogrid-CSS hinzu gemacht mehr nicht.
Deshalb wundere ich mich ja auch.

Wo muß ich suchen wegen dem = schliessendes div vom wrapper was fehlen soll?

Danke

**magicsepp** · 27.04.2011, 20:44

Wo muß ich suchen wegen dem = schliessendes div vom wrapper was fehlen soll?

als ersten Verdächtigen ...fe_page.tpl

**elupo** · 28.04.2011, 05:41

Diese Datei konnte ich nicht finden habe jeden Ordner durchsucht.

**css-umsetzung** · 28.04.2011, 06:40

Das liegt wenn, dann im Ordner templates/ aber ich glaube auch nicht unbedingt das es an dieser Datei liegt, da der Fehler ja nur teilweise vorhanden ist es sei denn, du arbeitest mit verschiedenen Dateien, dann kann es sein das die Datei anders heißt "fe_irgendein_name.tpl".

Wenn du in diesen Ordner geschaut hast, dann schreib am besten was für Dateien dort enthalten sind.

**elupo** · 28.04.2011, 15:36

.htaccess
contaogrid.sql
moo_mediabox.tpl
news_full.tpl
news_latest.tpl

Diese Dateien liegen im Ordner Templates.
Aber an diesen Dateien habe ich nichts geändert.

**magicsepp** · 28.04.2011, 16:54

die fe_page.tpl liegt aufjedenfall hier:
\system\modules\frontend\templates

bezüglich dem Scrollbalken muss das html ohne . davor sein (Contaogrid.css)

die Spalte für die Links sollte auch g4 haben aber durch den 3px border beim #footer bekommt das Layout einen Überlauf weshalb dann die 3 Spalte wegbricht.

49 divs auf der Vorstandsseite sind ein eindeutiges Zeichen für ein Problem.... die Anzahl müsste gerade sein...eventuell geht hier was in einen der beiden tpl Dateien was schief...

**css-umsetzung** · 29.04.2011, 07:19

Zitat von elupo

.htaccess
contaogrid.sql
moo_mediabox.tpl
news_full.tpl
news_latest.tpl

Diese Dateien liegen im Ordner Templates.
Aber an diesen Dateien habe ich nichts geändert.

Irgendeiner muss daran ja etwas verändert haben, es gibt ja sonst keinen Grund dass sie dort liegen.

Da du, wie es aussieht ein wenig überfordert bist mit der Suche nach dem fehlendem </div>, wäre es vermutlich einfacher jemanden darauf schauen zu lassen, ich behaupte mal, dass der Fehler mit dem fehlendem </div> dann in 10 Minuten behoben ist oder lade die tpl Dateien (nicht die .sql Datei) mal hoch, dann kann man dort schon mal einen Blick rein werfen ob dort etwas unklar ist.

**elupo** · 29.04.2011, 13:35

Das währe am besten Byteandi denn mit CSS bin ich gut drauf.

Denn mein nächstes Problem ist das Reservierungsformular das sieht anders aus als das Kontakt Formular obwohl ich eine Formular CSS habe.

Bitte Melden wegen Zugangsdaten.

Danke

**magicsepp** · 29.04.2011, 13:58

@Byteandi
die tpl Dateien sind vermutlich bestandteil des Design aus dem Buch "Webseiten erfolgreich gestalten" von T. Weizel und wenn da nichts geändert wurde wird es schnell eng mit den 10 Minuten........

**elupo** · 29.04.2011, 16:02

Genau die sind von Thomas Weitzel.

**magicsepp** · 29.04.2011, 17:10

die tpl vom Flieger-design sind in Ordnung daher kommt das eher nicht...

**css-umsetzung** · 29.04.2011, 19:32

dann kann es ja nur der Inhalt sein, also ich bin da echt zuversichtlich das es schnell gefunden wird

schauen wir mal, also elupo wenn du möchtest das ich mal schaue schick mir einfach die Daten, das ich mir das backend anschauen kann.

**css-umsetzung** · 30.04.2011, 07:27

5 Minuten

Ok also du hast in den Seiten, Beispielsweise angler.html und tagesgäste.html jeweils am ende den html-code <div class='clear'> eingefügt, dieses aber nicht mehr geschlossen.

Du musst also einfach nur die Seiten durchgehen wo dir dieser Fehler angezeigt und das beheben (ein </div> hinzufügen)

Auf den beiden genannten Seiten habe ich das für dich schon gemacht.

**magicsepp** · 30.04.2011, 11:24

kaum macht man es richtig.....

**elupo** · 30.04.2011, 18:13

Verstehe ich jetzt nicht ganz.

**elupo** · 30.04.2011, 18:15

Wie bekomme ich jetzt aber noch die Formulare so hin das sie gleich sind.
Ich habe eine Formular CSS aber wenn ich da was ändere tut sich nichts.

**css-umsetzung** · 30.04.2011, 20:44

Du musst doch nur mal in den Quelltext schauen in deinem Kontaktformular hat alles (label/input/form) die klasse g5, die steht für 380px breite, wenn du diese klasse nicht in dem anderem Formular für diese Tags verwendest, dann wissen die auch nicht, dass sie 380px breit sein sollen.

**magicsepp** · 01.05.2011, 12:30

Kaum macht man es richtig....

Zitat von elupo

Verstehe ich jetzt nicht ganz.

.... verschwinden die Probleme.

Eins noch zum Kontaktformular... wenn man ohne Eingabe "Absenden" drückt sieht man noch unterschiedliche Ränder links... ausserdem könnte man p error rot einfärben. Das läßt sich auch für mandatory im CSS machen um die Pflichteingaben hervorzuheben.

Den Button finde ich dann doch etwas in die Breite gezogen.

**elupo** · 02.05.2011, 06:55

Das war mir jetzt nicht klar das ich für jedes Formular eine klasse angeben muß. Ist das jetzt nur im Grid System so? Denn auf einer anderen Webseite habe ich das nicht gebraucht ohne Grid System.

**elupo** · 02.05.2011, 06:59

Ich finde wenn man den Absende Button extra hin macht sieht es besser aus auch wenn er so breit ist als wenn nicht siehe Reservierungen und Kontakformular.

Wenn man das CSS beherrscht kann man tolle Sachen machen, aber leider beherrsche ich es nicht sehr gut wie man sieht.

Danke

**css-umsetzung** · 02.05.2011, 08:07

Das war mir jetzt nicht klar das ich für jedes Formular eine klasse angeben muß. Ist das jetzt nur im Grid System so? Denn auf einer anderen Webseite habe ich das nicht gebraucht ohne Grid System.

Was du machen musst, ist immer abhängig von dem, was in den css Angaben definiert wurde, hätte da einfach nur gestanden input {width:380px; } hättest du nichts machen müssen, dann wäre jedes input betroffen gewesen (auch checkboxen

).

Ich finde wenn man den Absende Button extra hin macht sieht es besser aus auch wenn er so breit ist als wenn nicht siehe Reservierungen und Kontakformular.

es macht sich immer gut, wenn der Absende Button rechts (abschließend mit den input oder textfeldern) sitzt und nicht viel mehr platz einnimmt als er wirklich benötigt, dass lange sieht so ein wenig "nicht gewusst wie" aus.

Wenn man das CSS beherrscht kann man tolle Sachen machen, aber leider beherrsche ich es nicht sehr gut wie man sieht.

Ist ja nicht verwerflich, denn um dir in diesen Bereichen zu helfen ist ein Forum ja da, auch wenn es nicht deine ganze Seite stylen und aufbauen kann.