Hallo allerseits,
gleich vorweg: was Typo3 betrifft bin ich blutiger Anfänger... ;-)
Ich habe das entsprechende Buch "Praxiswissen Typo3" von Robert Meyer soweit durchgearbeitet (2. Auflage 2006).
Bei der Umsetzung der Mustersite habe ich nun einen Darstellungsfehler im Internet Explorer - im Firefox ist soweit alles ok...
Wie beseitige ich diesen?
Die Site ist unter http://www.allesfuerdeinkind.de/yogainbuende/ online...
Ebenso ist noch das Problem der zu weit ausgedehnten Überschrift "Yoga ist nichts anderes als die höchste Kunst zu leben" in der rechten Box zu lösen. Wie erzwinge ich dort einen Zeilenumbruch bzw. eine feste Breite?
Ich freue mich auf eure kompetenten Antworten... :-)
Viele Grüsse, informatix
"Yoga ist nichts anderes als die höchste Kunst zu leben"
is ne Grafik??? Was soll denn da umbrechen???
LG
Cope
@Cope: Ja, natürlich... Ok, aber wie sieht die Lösung des eigentlichen Problems aus?
Also zum einen würde ich mal einen modernen Doctype benutzen und nicht HTML 4.0 Transitional. Ich weiß nämlich nicht, ob der IE damit im Standardmodus ist. Dann würde ich halt mal im CSS alle margin, padding und width Angaben prüfen.
Der lange Text ist ja wahrscheinlich mit dem GIFBUILDER erstellt?? Dann such mal hier oder in Google nach gifbuilder und umbruch. Da wirst du genügend Beispiele finden.
@Kitsunet: Vielen Dank für Deine zahlreichen Hinweise, kannst Du das bitte etwas näher erläutern?
Doctype ist schon klar, ich habe die Site auch durch den Validator des http://validator.w3.org/ gejagt, der 14 Fehler meldet...
Ich tue mir allerdings schwer damit wo genau ich bei der Fehleranalyse beginnen soll, zumal keiner der vom Validator gemeldeten Fehler auf den ersten Blick etwas mit dem Problem zu tun hat...
Vorrangig geht es mir um die korrekte Darstellung der Seite im IE 6.0, so dass der Header korrekt angezeigt wird, und nicht wie aktuell unpassend umgebrochen wird.
SOWIE
Eine korrekte Darstellung des Content im mittleren Bereich...
aber ich denke das ist soweit offensichtlich... ;-)
Nochmals vielen Dank für deine Hilfe, informatix
Hallo Informatix,
das Problem mit dem "Content" Bereich hängt mit dem Text als Grafik
"Yoga ist nichts anderes als die höchste Kunst zu leben" zusammen.
Der FF wählt für das DIV rechts die von Dir vorgegebene Breite 215px.
Der IE ist da stur und nimmt die Breite des Bildes (346px) Darauf hin passt der Div center nicht mehr zwischen linken und rechten Div und klappt runter.
Wenn Du es hinbekommst, den Grafik-Text in 215px Breite zu bekommen, müsste das Center Problem auch entschärft sein.
LG
Cope
@Cope: Super, vielen lieben Dank!
So, das Problem mit dem Content und dem rechten Seiteninhalt ist gelöst. (Habe die Site allerdings noch nicht auf den Webserver hochgeladen!) Der Fehler war sowohl offensichtlich, wie natürlich auch mein eigener...
@ Cope: Nochmals Danke für den Hinweis, manchmal sieht man eben den Wald vor lauter Bäumen nicht... ;-)
Das andere Problem mit dem Seitenumbruch des Logos hingegen verstehe ich immer noch nicht. Das Beispiellogo aus dem Buch hat die Grösse von 220 x 122 Pixel. Genau nach dieser Vorlage - also identischer Pixelgrösse - habe ich das Logo für meine Site erstellt.
Das Trailerbild mit den Abmessungen 960 x 720 Pixel blieb daher unverändert!
Warum also dieser hässliche Umbruch?!?
Ich verstehe das deshalb auch nicht, weil die Ausgabegrafiken von Typo3 folgende Maße haben:
178 x 103 (Logo) und 759 x 99 (Trailer), in Summe also eine Breite von 937 Pixel, warum zum Himmel passt das nicht bei 1024 x 768?
Man sollte doch wohl kaum ein Musterbeispiel in einem Buch bereits derart aufbauen, dass der IE die Site fehlerhaft, also mit diesem Umbruch anzeigt...
Der entscheidende Hintergedanke (des Buches) ist ja alle Grafiken dynamisch einzubinden. Somit sollte das eigentlich funktionieren...
Hat dazu jemand eine Idee?
Shalom!
Ich hätte da 'ne Idee:
1. Bild 178px breit
2. Bild 760px breit
Macht zusammen 938px.
Exakt so breit ist auch dein div container. Und der hat ja auch noch je 1px Rand links und rechts. Also bleiben dem div container nur noch 936px übrig. Und da passen die Bilder zusammen dann nicht mehr rein.
Ich habe mal mittels firebug (gibt es nicht nur für den Firefox, sondern auch in abgeschwächter Form für den IE) die Breite auf 940px erhöht und siehe da, es sieht gut aus.
Wie kommt das ganze? Stich-Wort: Box-Model-Bug. Schau mal hier: http://de.selfhtml.org/css/formate/box_modell.htm
Dort wird auch auf doctype switch verwiesen.
Und den kannst du in TYPO3 ganz einfach erzwingen mit
[browser = msie]
config.doctypeSwitch = 1
[END]
Grüße
Erwino
+++++ Nachtrag +++++
By the way: den firebug lite gibt es hier http://www.getfirebug.com/lite.html
und die Internet Developer Toolbar von Microsoft gibt es hier http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
@ehontheim:
Vielen lieben Dank für Deine vorteffliche Antwort... Ja, daran habe ich wahrlich nicht gedacht...
Wobei es nur ein Pixel zuviel (oder zuwenig - ganz nach Sichtweise... ;-) war... Ich habe jetzt den XY Wert für den Trailer auf von 759 auf 758 herabgesetzt und jetzt passt es...
SELFHTML habe ich ebenfalls konsultiert. Das mit dem Doctype klappt bei mir allerdings noch nicht so ganz und nach folgender Ansicht http://lists.netfielders.de/pipermail/typo3-german/2007-August/038060.html bin ich diesbezüglich nur noch verwirrter als zuvor... ;-)
Gibt es diesbezüglich überhaupt ein Optimum?
Viele Grüsse, informatix
Hellas!
Ein W3C konformer Doctype beginnt mit:
<?xml version="1.0" encoding="your encoding"?>
wobei "your encoding" z.B. iso-8859-1 sein kann.
Für ordentliche Browser ist es so, wie es sein soll, der Browser weiß, nach welcher Definition er die Seite rendern soll.
Nur der Internet Exploder 6 erwartet in der ersten Zeile ein:
<!DOCTYPE html
Falls der Exploder einen standardkonformen Doctype mit "<?xml version..." oder sonst irgendeine Zeichenkette am Anfang bekommt, schaltet er in den Quirks modus und schert sich nada um Deine Doctype Definition.
Daher kommt in Dein TypoScript Setup folg. rein:
[browser = ie6]
config.doctypeSwitch = 1
[END]
Dadurch bekommt der Exploder 6, und zwar nur der Exploder 6, einen umgedrehten Doctype wodurch er in den von Dir gewünschten Rendermode schaltet.
Dies ist zwar streng genommen nicht valide, aber wer diesen Browser benutzt, weiß i.d.R. auch nicht, was "valide" bedeutet...
Gibt es diesbezüglich überhaupt ein Optimum?
Jein, aber sich an Standards halten kann nie verkehrt sein, aber für welch einen Doctype Du Dich entscheidest, bleibt letzenendes Dir überlassen 😉
gruss, fuss
so, die Fehler sind nun soweit behoben...
http://www.allesfuerdeinkind.de/yogainbuende/
Mit dem Doctype muss ich mich lohnenderweise dennoch im Detail auseinandersetzen... ;-)
for so long, vielen Dank nochmal!