Seltsamer Abstand im Firefox
Hallo
Beim Template auf www.to-urs.ch wird im Firefox und Chrom zwischen den Tabellen-Zeilen einen Abstand von ein paar Pixel ungewollt eingefügt.
Die Suche liess mich vermuten, dass es sich um das Überlängenproblem handelt, die Eingriffe mit vertical-align : bottom; und display:block haben aber leider nicht zum Erfolg geführt, wie im ganz Oben im im .w3ctd1 Headerstart-Bild gezeigt.
Was könnte das Problem sein?
Danke für eure Hilfe im Voraus
Adrian
Joomla 1.0.15
Through Africa by Bicycle:
www.to-adi.ch
Zwischen dem FF 3.5.5 und dem IE8 gibts keinen Unterschied. Deswegen solltest du vioelleicht mal mit einem Screenshot näheres aufzeigen.
Axel
Du hast recht, dann muss es wohl in einer früheren Version von IE gewesen sein.
Zwar gibt es keinen Browser-Unterschied mehr, aber die Lücken (siehe Angehängtes Bild) sollten trotzdem nicht sein.
Ich kriege auch mit FireBug nicht raus, wieso die Entstehen.
Adrian
Through Africa by Bicycle:
www.to-adi.ch
Du hast ein padding Wert von 2 px eingestellt. Und bei dem Bild hast du diesen Streifen, da die Höhe des Divs größer ist, als die Höhe des Bildes und das Bild wird wiederholt. D.h. Höhe anpassen oder die Klasse mit background-repeat:no-repeat; ergänzen.
Ich untersuche mit FireBug und sehe nirgends ein padding von 2px. Vielleicht schaue ich auch nicht am richtigen Ort? Wo oder wie findest du das 2er padding?
background-repeat:no-repeat hatte ich das schon gemacht, der Abstand verschwand aber nicht. Da scheint noch ein weiteres Problem zu sein, wohl eben dieses padding.
Through Africa by Bicycle:
www.to-adi.ch
Ne, da ist kein "no-repeat" eingestellt. Ergänze mal diese Zeilen in der css
.w3ctd2 {
background-image:url(../images/back_02.jpg);
background-repeat:no-repeat;
}
Für den Abstand im Hauptmenü:
#left_inner {
background-image:url(../images/grey.gif);
float:left;
padding:0;
width:161px;
}
Für das gleiche im Textbereich
table td.body_outer {
border:0 solid #CCCCCC;
padding:0;
width:100%;
}
table.content_table {
background-image:url(../images/white.gif);
margin:0;
padding:0;
width:100%;
}
Du musst bei Firebug einfach das zu untersuchende Element mit rechts anklicken und dann untersuchen...
Danke für die schnell Hilfe.
Habe die Einstellungen mal so übernommen.
Für mich nicht so entscheidend ist der Content-Bereich. Darum habe ich immer nur oberhalb des Breadcrumb untersucht (und keine paddings gefunden).
Dort besteht das Abstandsproblem leider weiterhin.
Through Africa by Bicycle:
www.to-adi.ch
Habe diese Seite mit dem selben Template gefunden.
Dieses wird richtig dargestellt, und ich kann auch bei einem Vergleich keinen relevanten Unterschied finden...
Through Africa by Bicycle:
www.to-adi.ch
Achso, dich stören diese grauen Leisten. Hab mal kurz einen Blick reingeworfen, das kommt von dem grauen Hintergrund. Als eine Lösung könntest du folgendes machen, nicht sehr elegant, funktioniert aber:
Die Tabellen besitzen alle ID's (#Table_01, usw.). Diese könntest du explizit in der css definieren, denen eine Höhe geben (entsprechend der der Bilder) und mit margin-top bzw. margin-bottom diese aneinander anpassen. Bei #Table_01 z.B. bewirkt "margin-bottom:-3px;" dass die Leiste verschwindet.
Edit:
Auf die Schnelle hab ich auch keinen Unterschied gesehen, bis auf den Frameset in der zweiten Page
Das ist ein Workaround, danke. Aber eigentlich würde mich schon interessieren, was das eigentliche Problem ist...
Through Africa by Bicycle:
www.to-adi.ch
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen