Text Überlagerung bei Anmeldung

[stukka]

Hallo zusammen,

da Ihr mir bisher immer sogut geholfen habt bin ich mir sicher das Ihr mir bei meinem kleinen problem auch schnell helfen könnt.
Und zwar geht es darum das wenn man vom Warenkorb zur Kasse geht der Text nicht richtig ausgerichtet ist und sich überlagert.
In der Login.php konnte ich nichts finden und im Quelltext habe ich auch keine hinweise gefunden.

Ich benutze (noch) 1.02 mit einem angepassten YAML-Template.

Damit Ihr besser versteht was ich meine hab ich mal ein Bild angehangen.

  [ Für Gäste sind keine Dateianhänge sichtbar ]



Linkback: https://www.modified-shop.org/forum/index.php?topic=3354.0

[mantis]

Untersuch mal deine html und css Dateien ist eindeutig ein Fehler damit.

Gruss
mantis

[Tomcraft]

Dafür kann ich dir das FireFox-Plugin FireBug nur ans Herz legen!

Grüße

Torsten

[DokuMan]

Richtig, da scheinen die <div>-Elemente sich gegenseitig zu beharken...

[stukka]

Ok.. danke für den Tipp das da ein Fehler ist..
Ich benutze Opera mit Dragonfly (glaube ähnlich Firebug)und habe jetzt auch gesehen das da was mit den Div's nicht stimmt...

Dann werde ich mal ein paar Dateien durch schauen und mich auf die Suche begeben...

Hatte gehofft das Ihr mir wenigstens eine grobe richtung weisen könntet...
...aber ich werde es schon finden.

[stukka]

Ok.. es sieht so aus das beide Teile im "col13" <div> geladen werden und da drin ist ein <div> "Col13_content" worin wiederum das Anmeldeformular als <form> Element drin ist..
Nachdem das das <form> Element wird wieder geschlossen (alle enthaltenen <div>'s sind schon zu) und mit einem getrennt sollte dann der "Neuer Kunde" Textabsatz mit einem Bild [weiter] kommen

Naja ...sollte...tut es aber nicht.

Konnte weder in der login.html/.php noch in den ganzen Css Dateien jetzt einen Fehler finden...

[Elmar]

ich tippe auf server fehler! frg mal deinen admin

[stukka]

Was könnte es dann sein ? Liegts an PHP?
Was soll ich den All-Inkl sagen/schreiben ?

[Elmar]

beschreib denen das problem so wie hier im blog!
ich hatte dein problem in den letzten tagen auf einigen Websites gesehen und habe mich nur gewundert, dass da keiner was gegen unternimmt.
spekulieren ist nicht meine sache, da gibt es einige möglichkiten, an denen es liegen kann. auf diesem weg kannst du zumindest im ausschlussverfahre vorgehen.

lG Elmar

[Tomcraft]

ich tippe auf server fehler! frg mal deinen admin

Nein, definitiv kein Server-Fehler!
Der Fehler ist im stylesheet.css zu suchen.

Grüße

Torsten

[guensi]

Verwendest du positioning, also z.B. float in Verbindung mit position:absolute oder position:relative und z-index?

Da könnte der Fehler liegen.

[stukka]

In der Stylesheet.css sind eigentlich nur 13 weitere .css Dateien verlinkt.
naja.. und ein paar angaben für PopChart

aber in der Base.css wird der 1"Col13_content" postion:relative gegeben.. und dann werden den <div>'s float="left" gegeben...
Aber das dürfte doch kein Problem, oder?

Und postion:absolute oder *-index werte auch nicht.

[guensi]

Na ja, Positioning ist eine komplexe Sache. Sobald du ein Element aus dem Fluss nimmst, hat das ein gewisses Eigenleben. Aber bei 13 verlinkten css Dateien (sorry, da muss ich grade mal Luft holen) den Überblick zu behalten ist auch nicht einfach.

Schon mal gut dass keine absoluten Positionierungen verwendet werden und kein Index angegeben ist (bist du dir da sicher?) Denn eine Überlagerung von Texten (sprich divs die Texte enthalten) sollte es eigentlich nicht geben, wenn keine "Ebenen" also z-indizes verwendet werden. Die könnten sich werweis wohin verschieben, aber überlagern dürften die sich niemals nicht.

Also bei der Vorgabe eine schnelle Lösung zu finden - sorry, da versagt die  

Könnte durchaus sein, dass eine deiner 13 css was andres beinhaltet als du glaubst.

Am besten versuchst du mal mit firebug herauszufinden, welche Anweisungen die entsprechenden Textstellen überhaupt haben und woher sie im Zweifel noch andere Anweisungen ererben.

Das beste wär mal ein Link zum Shop, damit man sich mal über das css-Geschachtel Klarheit verschaffen könnte. Aber heute werd ich mir das nicht mehr antun, frühestens morgen abend wieder.

[stukka]

ja.. kann ich verstehen.. 13 Dateien sind auch etwas hart...

wobei es relativ sinnig gemacht wurde...
also für mein Problem muss ich ja auch nicht in allen 13 dateien nach schauen da es schon eine Ordnung gibt.
hier mal der Ausschnitt der stylesheet.css

Code: [Auswählen]

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

  @import url(css/screen/basemod.css);
  /*@import url(css/screen/basemod_3col_fixed.css);*/
  /* Variable order and use of content columns */
  /* Change patch-File in javascript/general.js.php too */

  /* import 3 columns fix | 3 Spalten fixe Breite einbinden - default */
  @import url(css/screen/basemod_3col_fixed.css);

  /* import 3 columns flexible | 3 Spalten flexible Breite einbinden */
  /* @import url(css/screen/basemod_3col_flex.css); */

  /* import 2 columns flexible | 2 Spalten flexible Breite einbinden */
  /* @import url(css/screen/basemod_2col_flex_13.css); */

  /* import 2 columns fix | 2 Spalten fixe Breite einbinden */
  /* @import url(css/screen/basemod_2col_fixed_13.css); */
  @import url(css/screen/content.css);
  @import url(css/screen/boxes.css);
  @import url(css/screen/categorie_listing.css);
  @import url(css/screen/categorie_navigation.css);
  @import url(css/screen/module.css);
  @import url(css/screen/product_info.css);
  @import url(css/screen/product_listing.css);
  @import url(css/screen/product_options.css);
  /*@import url(css/screen/top_navigation_shinybuttons.css);*/
  @import url(css/screen/top_navigation_slidingdoor.css);
/* import print layout | Druck-Layout einbinden */
  @import url(css/print/print_003.css);
Da ich wie gesagt Opera (mit integrietem Dragonfly) benutze habe ich mal einen screen von Dragonfly angehängt:

  [ Für Gäste sind keine Dateianhänge sichtbar ]

ach ja.. hier der Link zu der Seite:
http://www.rollbaum.de/shop/login.php

werde mir jetzt mal firebug holen und nachschauen ob es evtl. besser als Dragonfly ist.

[guensi]

Nun, schön aufgeräumtes css. Hat nur einen Nachteil, wenn du was suchst - so wie diesen Fehler jetzt grade, musst du das immer in mehreren Dateien machen.

Die irrige Annahme, weil die Angaben in verschiedenen Dateien stecken, könnten die sich nicht beeinflussen solltest du dir erst gar nicht zueigen machen. Denn die betroffenen html-Elemente können sehr wohl Angaben von mehreren stylesheets ererben...

Nun zu deinem Problem, eine echte Fehlersuche kann ich dir mit den Infos nicht anbieten. Anhand eines Bildes und ner Auflistung von eingebundenen css-Dateien wird die Glaskugel nicht durchsichtiger.

Aber eigentlich bin ich mir sicher, dass es am positioning liegt. Versuch doch mal auf das position relative zu verzichten, und rück das Teil über margins dorthin wo du es hinhaben möchtest.