Silaz 0 Report post Posted November 8, 2003 Da hier alle so schnell antworten poste ich es auch hier Das ist etwas was ich noch nie erlebt habe auf dem bild schön zu sehen und das der IE der einzige ist der es falsch anzeigt bereitet mir Kopfschmerzen. hat jemand büdde eine lösung parat? hier noch der dazu gehörige Code schnipsel <table width="100%" height="16" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="15" height="16"align="left" valign="top"><img src="style_images/<#IMG_DIR#>/tab_lu.gif" width="15" height="17" border="0"></td> <td background="style_images/<#IMG_DIR#>/tab_u.gif"><img src="style_images/<#IMG_DIR#>/tab_u.gif"></td> <td width="15" height="16" align="right" valign="top"><img src="style_images/<#IMG_DIR#>/tab_ru.gif" width="15" height="17" border="0"></td> </tr> </table> Hier der vergleich danke Share this post Link to post
thomasON 0 Report post Posted November 8, 2003 Hallo Silaz, Du könntest probieren, die "valign"-Attribute noch in die IMG-Tags einzufügen, vielleicht hilft es auch, wenn du bei der Zellenhöhe und bei der Bildhöhe die gleichen Werte eingibst. Was ich aber am stärksten im Verdacht habe ist die Schriftgröße. Füge doch mal testweise in jede Tabellenzelle diese Codeschnipsels noch style="font-size:1px;" ein. Mal schauen ob's so klappt :) Share this post Link to post
Silaz 0 Report post Posted November 8, 2003 die unterschiedlichen werte hab ich später gemacht zum testen ob mir das was bringt, die Attribute habe ich auch schon verschoben rein raus usw da hilf alles nix, was meinst du denn mit der schrift? das ist der Fuss der Tabelle da ist keine schrift drin Share this post Link to post
thomasON 0 Report post Posted November 8, 2003 was meinst du denn mit der schrift? das ist der Fuss der Tabelle da ist keine schrift drin Beim design meiner Websites hab ich die Erfahrung gemacht, dass manche Browser die Tabellenzellen immer mindestens so groß machen, wie die aktuelle Schriftgröße ist, also meistens 12pt. Darum kannst du mal versuchen, da das verschobene Bild vermutlich kleiner ist als 12pt, die Schriftgröße für die "wichtigen" Tabellenzellen - also die ganze Zeile der Tabelle - auf 1px zu verkleinern. Share this post Link to post
Silaz 0 Report post Posted November 8, 2003 Nee die schrift ist auf 10px aber es muss einen grund geben wieso es alle anderen richtig anzeigen nur der doofe mircosaft schrott wieder nicht. Share this post Link to post
TO_Webmaster 0 Report post Posted November 8, 2003 Ich habe das gleiche Problem bei winfuture-forum.de Da zeigt der IE alles richtig an, aber andere Browser haben das besagte Problem... Share this post Link to post
Silaz 0 Report post Posted November 8, 2003 poste mal deienen codeschnipsel Share this post Link to post
thomasON 0 Report post Posted November 8, 2003 Schade, hätte ja klappen können. Ich weis, dass ich diese Prob schonmal gelöst hab, bei mir, weis aber imo leider nicht mehr wie, ist schon ein weilchen her, da muss ich erst mal genau nachschauen. Share this post Link to post
Silaz 0 Report post Posted November 8, 2003 wäre nett wenn du mal nach sehen könntest, ich würde den Skin gerne am WE noch fertig stellen und zum DL freigeben :) Share this post Link to post
thomasON 0 Report post Posted November 8, 2003 (edited) So, habs mal mundgerecht zusammengesucht: Bei mir funzt dass so: <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;text-align:left;vertical-align:top;font-size:1px;"> <tr style="text-align:left;vertical-align:top;"> <td style="width:15px;text-align:left;vertical-align:top;font-size:1px;"><img src="style_images/<#IMG_DIR#>/tab_lu.gif" style="width:15px;height:17px;border:0px;vertical-align:top;" /></td> <td style="text-align:left;vertical-align:top;font-size:1px;background-image:url('style_images/<#IMG_DIR#>/tab_u.gif');background-repeat: repeat-x;"> </td> <td style="width:15px;text-align:right;vertical-align:top;font-size:1px;"><img src="style_images/<#IMG_DIR#>/tab_ru.gif" style="width:15px;height:17px;border:0px;vertical-align:top;" /></td> </tr> </table> Ist eigentlich fast nix verändert, nur alles mit CSS gelöst. Das als einziger Inhalt in der 2ten Tabellenspalte soll der Code für ein festes Leerzeichen sein, bin mir aber nicht sicher, ob der so richtig ist, falls nicht, bitte anpassen. So, nun hab ich auch erstmal keine Ideen mehr dazu, aber hoffentlich gehts so. :D Edited November 8, 2003 by thomasON Share this post Link to post
Silaz 0 Report post Posted November 8, 2003 Tausend Dank, ist mir zwar suspekt wieso es so funzt aber es funzt THX dann kann ich ja endlich weitermachen ;) Share this post Link to post
TO_Webmaster 0 Report post Posted November 9, 2003 So, habs mal mundgerecht zusammengesucht: Bei mir funzt dass so: <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;text-align:left;vertical-align:top;font-size:1px;"> <tr style="text-align:left;vertical-align:top;"> <td style="width:15px;text-align:left;vertical-align:top;font-size:1px;"><img src="style_images/<#IMG_DIR#>/tab_lu.gif" style="width:15px;height:17px;border:0px;vertical-align:top;" /></td> <td style="text-align:left;vertical-align:top;font-size:1px;background-image:url('style_images/<#IMG_DIR#>/tab_u.gif');background-repeat: repeat-x;"> </td> <td style="width:15px;text-align:right;vertical-align:top;font-size:1px;"><img src="style_images/<#IMG_DIR#>/tab_ru.gif" style="width:15px;height:17px;border:0px;vertical-align:top;" /></td> </tr> </table> Ist eigentlich fast nix verändert, nur alles mit CSS gelöst. Das als einziger Inhalt in der 2ten Tabellenspalte soll der Code für ein festes Leerzeichen sein, bin mir aber nicht sicher, ob der so richtig ist, falls nicht, bitte anpassen. So, nun hab ich auch erstmal keine Ideen mehr dazu, aber hoffentlich gehts so. Das schaut ganz gut aus. Haut jedoch nicht hin, wenn eine Bildbreite unbekannt/variierend ist. Hast du dafür auch eine Lösung? Ich habe schon verschiedene Möglichkeiten ausprobiert, jedoch hat nichts geklappt. Share this post Link to post
Ratman 0 Report post Posted November 9, 2003 nur mal so als dumme idee ... die bilder als hintergrundgrafik der <td>-tags einbinden hilft mir zumindest immer. allerdings gibts dann wieder probs, wenn ma ned zumindest ein " " rein schmeißt - da spinnt sonst der mozialla wieder - zumindest bei %-angaben bei der tabelle. Share this post Link to post
thomasON 0 Report post Posted November 9, 2003 @Silaz: Freut mich dass es jetzt geht. Vielleicht haben die bei M$ ihren IE sehr auf CSS optimiert und dabei die alte Notation "etwas" vernachlässigt. @TO_Webmaster: Wenn du eine variierende Bildbreite der Randbilder meinst, dann probier mal folgendes: <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;text-align:left;vertical-align:top;font-size:1px;"> <tr style="text-align:left;vertical-align:top;"> <td style="width:50%;text-align:left;vertical-align:top;font-size:1px;background-image:url('style_images/<#IMG_DIR#>/tab_u.gif');background-repeat: repeat-x;"><img src="style_images/<#IMG_DIR#>/tab_lu.gif" style="width:15px;height:17px;border:0px;vertical-align:top;" /></td> <td style="width:50%;text-align:right;vertical-align:top;font-size:1px;background-image:url('style_images/<#IMG_DIR#>/tab_u.gif');background-repeat: repeat-x;"><img src="style_images/<#IMG_DIR#>/tab_ru.gif" style="width:15px;height:17px;border:0px;vertical-align:top;" /></td> </tr> </table> Bei den "width:xpx;" Angaben in den IMG-Tags kannst du ja dann für jedes Bild einzeln die richtigen Größen eingeben, oder dort die "width" ganz entfernen. @Ratman: Bei fester Größe der Bilder mag das natürlich auch gehen, bei variierender Größe aber leider nicht, bei mir hat das mit dem Bilder als Hintergrund damals leider nicht gefunzt, k.A. wieso @all: Auf alle Fälle basiert die Lösung dieses Pobs darauf, alle "alten" HTML-Tags durch ihre CSS-Äquivalente zu ersetzen, da diese von neueren Browsern offensichtlich anders/besser interpretiert werden. Ich kann auch nicht genau sagen welche CSS-Angaben in meiner Lösung nun wichtig sind, und welche man auch weglassen könnte - vielleicht braucht der IE ja nur das "table-layout:fixed" in Verbindung mit den "width:xpx;" Angaben der <td>-Tags, um es korrekt anzuzeigen. Share this post Link to post
TO_Webmaster 0 Report post Posted November 9, 2003 @TO_Webmaster: Wenn du eine variierende Bildbreite der Randbilder meinst, Schau mal bei winfuture-forum.de in den Überschriften der Kategorien. Da siehst du, was ich meine. Share this post Link to post
thomasON 0 Report post Posted November 9, 2003 He he, ja, das gute winfuture, da schau ich auch oft vorbei. Also im IE sieht bei mir alles OK aus, nur in den anderen Browsern nicht , ist ja komisch, sonst ist's immer andersrum. Ich werds mir mal genau anschauen, wenn ich die Zeit dazu finde, und es noch niemand anderes gelöst hat. Vermutlich so zwischen Donnerstag und Sonntag. Mal sehen. Share this post Link to post
thomasON 0 Report post Posted November 15, 2003 Hallo TO_Webmaster, ich hab dich nicht vergessen und ich habe auch eine Lösung für dein "Tableheader-Problem" im Winfuture-Forum Die originale Tabelle auf der Startseite vom WF-Forum sieht wie folgt aus: <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr valign="bottom"><td><img src="style_images/WinFutur-581/inml2.gif"></td> <td valign="bottom" background="style_images/WinFutur-581/inoback.gif" width=100%> </td> <td><img src="style_images/WinFutur-581/inmrechts.gif"></td> <td><img src="style_images/WinFutur-581/inorechts.gif"></td> </tr></table> Dies ist nur der hintere Teil des Tabellenkopfes, also die Wolken nach z.B. "allgemeines". Diese musst du in den Templates mit folgender Tabelle ersetzen: <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;font-size:1px;"> <tr> <td style="width:245px;text-align:left;vertical-align:bottom;font-size:1px;"><img src="inml2.gif" style="width:245px;height:19px;border:0px;vertical-align:bottom;" /></td> <td style="text-align:left;vertical-align:bottom;font-size:1px;background-image:url('inoback.gif');background-repeat:repeat-x;"> </td> <td style="width:52px;text-align:right;vertical-align:bottom;font-size:1px;"><img src="inmrechts.gif" style="width:52px;height:19px;border:0px;vertical-align:bottom;" /></td> <td style="width:18px;text-align:right;vertical-align:bottom;font-size:1px;"><img src="inorechts.gif" style="width:18px;height:19px;border:0px;vertical-align:bottom;" /></td> </tr> </table> Natürlich noch den korrekten Pfad zu den Bildern bei src="" angeben. Und nun das Wichtigste: erstelle eine neue INOBACK.GIF mit Breite=1px Höhe=19px Hintergrundfarbe=weiß. Das oberste Pixel färbst du mit der Farbe "0A4392" (das blau) ein. Nun ersetzt du die alte "inoback.gif" durch die gerade erstellte neue. Ich hätt dir ja das gif angehangen, aber man darf hier leider nix uploaden. Wenn alles richtig eingebaut ist und vor allem die Grafik ersetzt ist, sollte alles wunderbar funzen - habs bei mir erfolgreich mit Firebird 7.0, IE 6 und Opera 7.22 getestet. Share this post Link to post
TO_Webmaster 0 Report post Posted November 16, 2003 Danke, das mit der höhe stimmt jetzt. Aber mit der Breite gibt's jetzt ein Problem. Links ist doch noch ein Grafik, deren Breite variiert. Diese wird jedoch nur ein Pixel breit angezeigt (IE), in Mozilla Firebird ists jedoch richtig... Hier mein jetztiger Code. <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;font-size:1px;"> <tr> <td style="text-align:left;vertical-align:bottom;font-size:1px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;font-size:1px;"><tr> <td style="text-align:left;vertical-align:bottom;font-size:1px;"> <img src="style_images/images/inolinks2.gif" style="border:0px;vertical-align:bottom;" /> </td></tr></table> </td> <td style="text-align:left;vertical-align:bottom;font-size:1px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;font-size:1px;"><tr> <td style="text-align:left;vertical-align:bottom;font-size:1px;"> <a href="http://towebmaster.no-ip.org/12final/index.php?c=1"><img src="style_images/images/cat1.gif" style="border:0px;vertical-align:bottom;" /></a> </td></tr></table> </td> <td style="width:100%;text-align:left;vertical-align:bottom;font-size:1px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;font-size:1px;"> <tr> <td style="width:245px;text-align:left;vertical-align:bottom;font-size:1px;"><img src="style_images/images/inml2.gif" style="width:245px;height:19px;border:0px;vertical-align:bottom;" /></td> <td style="text-align:left;vertical-align:bottom;font-size:1px;background-image:url('style_images/images/inoback.gif');background-repeat:repeat-x;"> </td> <td style="width:52px;text-align:right;vertical-align:bottom;font-size:1px;"><img src="style_images/images/inmrechts.gif" style="width:52px;height:19px;border:0px;vertical-align:bottom;" /></td> <td style="width:18px;text-align:right;vertical-align:bottom;font-size:1px;"><img src="style_images/images/inorechts.gif" style="width:18px;height:19px;border:0px;vertical-align:bottom;" /></td> </tr> </table> </td></tr></table> Share this post Link to post
thomasON 0 Report post Posted November 16, 2003 (edited) Jupp, ok, Problem erkannt: Ersetze deinen jetzigen Code durch: <table border="0" cellpadding="0" cellspacing="0" style="width:100%;font-size:1px;"> <tr> <td style="text-align:left;vertical-align:bottom;font-size:1px;"> <img src="inolinks2.gif" style="border:0px;vertical-align:bottom;" /> </td> <td style="text-align:left;vertical-align:bottom;font-size:1px;"> <a href="http://towebmaster.no-ip.org/12final/index.php?c=1"><img src="cat1.gif" style="border:0px;vertical-align:bottom;" /></a> </td> <td style="width:100%;text-align:left;vertical-align:bottom;font-size:1px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed;font-size:1px;"> <tr> <td style="width:245px;text-align:left;vertical-align:bottom;font-size:1px;"><img src="inml2.gif" style="width:245px;height:19px;border:0px;vertical-align:bottom;" /></td> <td style="text-align:left;vertical-align:bottom;font-size:1px;background-image:url('inoback.gif');background-repeat:repeat-x;"> </td> <td style="width:52px;text-align:right;vertical-align:bottom;font-size:1px;"><img src="inmrechts.gif" style="width:52px;height:19px;border:0px;vertical-align:bottom;" /></td> <td style="width:18px;text-align:right;vertical-align:bottom;font-size:1px;"><img src="inorechts.gif" style="width:18px;height:19px;border:0px;vertical-align:bottom;" /></td> </tr> </table> </td></tr></table> Natürlich sind wieder die Pfade zu den Bildern anzupassen. Technisch liegt das an dem "table-layout:fixed;", dass in keiner der anderen Tabellen vorkommen darf, außer in der mit den Wolken. Zusätzlich hab ich mal in den vorderen beiden Spalten der Haupttabelle die überflüssigen inneren Tabellen gelöscht. So wie hier genannt hab ich's wieder erfolgreich mit Firebird 0.7, IE 6 und Opera 7.22 getestet. :D Edited November 16, 2003 by thomasON Share this post Link to post
TO_Webmaster 0 Report post Posted November 17, 2003 Danke, das funktioniert. Werde es bei dem nächsten Boardupdate einbauen. Vielen Dank noch mal. MfG TO_Webmaster Share this post Link to post
thomasON 0 Report post Posted November 17, 2003 Bitte sehr , immer wieder gern. Share this post Link to post
TO_Webmaster 0 Report post Posted November 21, 2003 (edited) Hi! Ich habe noch mal das gleiche Problem, nur ist es diesmal aus technischen Gründen nicht möglich, im IMG-Tag eine style-Angabe zu setzen. Kann ich das irgendwie anders lösen? Habe keine sinnvolle Lösung gefunden. MfG TO_Webmaster EDIT: Hat sich erledigt. Edited November 22, 2003 by TO_Webmaster Share this post Link to post