Jump to content
InvisionCommunity.de - Der Deutsche Invision Community Support
Sign in to follow this  
Silaz

Spalte nur im IE

Recommended Posts

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

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

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

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

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

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

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;">&nbsp;</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 &nbsp; 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 by thomasON

Share this post


Link to post

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;">&nbsp;</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 &nbsp; 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

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

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 "&nbsp;" rein schmeißt - da spinnt sonst der mozialla wieder - zumindest bei %-angaben bei der tabelle.

Share this post


Link to post

@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. :wacko:

@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 :blink:

@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

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 :blink: , 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

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%>&nbsp;</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;">&nbsp;</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

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;">&nbsp;</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

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;">&nbsp;</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 by thomasON

Share this post


Link to post

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 by TO_Webmaster

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×