Momentan hab ich mit meiner kleinen Seite http://www.revaluation.de einige Probleme im IE (hier mal die Template daten: link)
Im augenblick bekomme 2 verschiedene aussagen über meine seite: die eine ist, das sie im IE genauso aussieht wie im Mozilla....
die andere ist das der IE die seite Zerhackt. Mein eigener IE gehöhrt zur zweiten Kategorie. Leider habe ich momentan keinen zweiten Rechner zur Hand um das ganze zu prüfen.
Sollte jemand das Problem mit dem IE bestätigen können (oder sogar lösen), bitte melde dich
Laures
im ie6 wird die tabelle zerschossen.
1 große layout-tabelle würde das problem lösen. so wird die seite aber nicht barrierefrei.
eventuell hilft das ja weiter: http://www.dezwozhere.com/links.html
gruß
peter
Oft haben zerschossene Layouts mit fehlerhaftem HTML zu tun, z. B. nicht geschlossenen Tags; der eine Browser geht noch tolerant darüber hinweg und bügelt's aus, der andere zerschießt die Seite.
Ich würde das Template noch mal genauestens prüfen, ob in den Layout-Tabellen z.B. irgendwo ein Tag nicht geschlossen wurde, oder ein colspan oder rowspan-Attribut fehlt.
Ist nicht gesagt, dass es daran liegt, aber es könnte sein.
das template besteht aus CSS blöcken, also nix mit irgendwelchen spans. sowohl mein stylesheet als auch das template selbst ging erfolgreich durch den w3c validator.
beim code der extensions muss ich mich jetzt einfach mal auf die korrektheit verlassen.
ich hab langsam einfach keine ideen mehr. und ich wollte nicht zu tablelayouts in html zurückkehren
Laures schrieb
das template besteht aus CSS blöcken, also nix mit irgendwelchen spans. sowohl mein stylesheet als auch das template selbst ging erfolgreich durch den w3c validator
Das mag ja sein, daß dein Template durch den Validator kam, die fertige Seite schafft´s auf jeden Fall nicht.
Ich würde im TYPO3-Template erstmal den Doctype auf XHTMLtrans ändern,
damit sollten schon mal viele Probleme verschwinden 😉
ich tippe mal drauf das du den hier gemeint hast:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
quelltext der news seite kopiert und das damit lokal ausprobiert (einfach an der entsprechenden stelle in meinen template ordner gespeichert). jetzt ist die lücke zwischen überschrift und newseintrag weg, und der rechte rand stimmt wieder. dafür sind die links im oberen menü blau. und das problem des verschwindenden hintergrunds gibts immernoch.
wenn ich den text, der keinen hintergrund hat, markiere taucht er kurz auf und verschwindet dann wieder.
ein weiterer test mit einer zweiten seite (molten core -> trashmobs) zeigte überhaupt keine wirkung... erst wird kein hintergrund im inhaltsbereich angezeigt und wenn ich kurz runter und wieder hoch scroole ist der hintergrund (das pergamentmuster) da, nur in einem etwa 3 zeilen hohen bereich gaaaanz oben fehlt er und das auf jeder seite.
und auf beiden seiten fehlen auch weiterhin der linke und rechte rand meines Banners.
Servus, Laures,
bei mir gab es ähnliche Schwierigkeiten, die nun gelöst zu sein scheinen:
#208579
Greets,
Falk
P.s.: Bitte poste, ob das Dein Problem lösen konnte. Wenn nicht, dann bitte die Lösung.
Hallo Laures,
willst Du das Problem noch lösen?
Als ersten würde ich den doctype auf xhtml umstellen, dann über den W3C-Validator alle Fehler rausmachen.
Grüße
Stephan
Vorsicht noobfrage
wie ändere ich den Doctype den Typo generiert?
die meisten seiten wären für XHTMLtrans valid. nur bei der Gästebuch und newsseite stoße ich dann doch an meine grenzen.
es geht vorwärts...
Laures
hab ich geändert.
nun ist alles w3c konform bis auf die seiten für:
Maillingliste
News
Gästebuch
Bewerbung (allerdings hier nur 1 fehler)
beliebte meldungen waren das tags groß geschrieben wurden (also sowas wie <DIV> statt <div>) oder das das
<p> tag nicht erlaubt ist (?)
damit stoße ich allerdings an die grenzen meines eigenen wissens. speziell, da die fehler bei der darstellung des hintergrundes (auch auf validen seiten) auch nach nachfrage bei selfhtml unlösbar scheinen...
Ich würde euch auch bitten das hier mal zu reviewen:
link
Laures
Hallo Laures,
ich habe mich mal um das Problem mit dem Rand um den Banner gekümmert.
Lokal funktioniert diese Änderung im Style-Sheet:
.total{
width: 80%;
margin: 0 auto;
}
Der IE hat ein Problem mit position: relative in der Class .total (warum auch immer)
Was Du sonst weiter an Verbesserungen machen kannst:
Alle Styles in das Style-Sheet auslagern.
Verwendest Du automaketemplate?
Wenn nicht, dann schau Dir das Tutorial 'Modern Template Building ' an.
Grüße
Stephan