| Autor |
Nachricht |
matschomaen
Threadersteller
Dabei seit: 25.05.2004
Ort: -
Alter: 42
Geschlecht: 
|
Verfasst Do 22.03.2007 17:46
Titel Problem mit Tabellenlayout - IE |
  |
|
Hallo Leute!
Ich soll zur Zeit ein Layout mit Tabellen umsetzen.
Im Firefox und Opera sieht das auch gut aus bisher... bloß der IE tantzt mal wieder aus der Reihe!
Und zwar tritt das Problem bei der Navigation auf... diese ist wie folgt umgesetzt:
| Code: |
<table border="0" vspace="0" hspace="0" cellspacing="0" cellpadding="0"><!-- Hauptrahmen -->
<tr><!-- Navigation -->
<td style="background-image: url(../images/buttons_zigarrenkeller/zigarrenkeller_0.jpg); background-repeat: no-repeat; width: 119px; padding: 0; margin: 0; height: 31px;"><!-- 1 -->
<a href="#zigarrenkeller" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Zigarrenkeller" title="Zigarrenkeller" width="119" height="31" border="0" /></a>
</td>
<td style="background-image: url(../images/buttons_zigarrenkeller/mittel_links_0_0.jpg); background-repeat: no-repeat; width: 16px; height: 31px; padding: 0; margin: 0;"><!-- 2 -->
<a href="#zigarrenkeller" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Zigarrenkeller" title="Zigarrenkeller" width="16" height="31" border="0" /></a>
</td>
<td style="background-image: url(../images/buttons_zigarrenkeller/bestand_0.jpg); background-repeat: no-repeat; width: 105px; height: 31px; padding: 0; margin: 0;"><!-- 3 -->
<a href="#Bestand" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Bestand zu Hause" title="Bestand zu Hause" width="105" height="31" border="0" /></a>
</td>
<td style="background-image: url(../images/buttons_zigarrenkeller/mittel_rechts_0_0.jpg); background-repeat: no-repeat; width: 16px; height: 31px; padding: 0; margin: 0;"><!-- 4 -->
<a href="#Bestand" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Bestand zu Hause" title="Bestand zu Hause" width="16" height="31" border="0" /></a>
</td>
<td style="background-image: url(../images/buttons_zigarrenkeller/vergleich_0.jpg); background-repeat: no-repeat; width: 150px; height: 31px; padding: 0; margin: 0;"><!-- 5 -->
<a href="#vergleich" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Vergleich" title="Vergleich" width="235" height="31" border="0" /></a>
</td>
</tr><!-- Navigation -->
<tr>
<td colspan="5">
<table vspace="0" hspace="0" border="0" cellspacing="0" cellpadding="0"><!-- Rahmen -Inhalt -->
........................................................
</table>
</td>
</tr>
</table>
|
Bin da nun schon ein paar tage dran an dem Problem... Habe bei Google nix finden können, was mir dabei helfen könnte!
Vielleicht wäre es mit JS zu lösen... aber das darf und will ich nicht einsetzen!
Das interessante ist, wenn ich das Bild im Link weglasse, dann passt es!
Aber da ich den Link brauch, ist das nicht die Lösung...
Hatte jemand von euch mal dasselbe Problem und kann mir dabei vielleicht helfen?
Wäre für jeden Tipp dankbar! =)
Schönen Gruß, Matschomaen!
|
|
| |
  |
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 22.03.2007 18:15
Titel Re: Problem mit Tabellenlayout - IE |
|
|
| matschomaen hat geschrieben: | | Hatte jemand von euch mal dasselbe Problem und kann mir dabei vielleicht helfen? |
Wäre möglich, nur welches Problem?
|
|
| |
 |
|
|
Anzeige
|
|
|
PixelSchubser
Dabei seit: 19.08.2004
Ort: GI
Alter: 43
Geschlecht:
|
Verfasst Do 22.03.2007 20:06
Titel
|
|
|
Sowas hatte ich letztens auch...
Meine Lösung war eine Browserweiche für CSS.
| Code: | <head>
<link href="site/css/standard.css" rel="stylesheet" type="text/css"
media="screen" />
<!--[if IE]>
<link href="site/css/standard-ie.css" rel="stylesheet" type="text/css"
media="screen" />
<![endif]-->
</head> |
In der Standard.css befindet sich z.B. folgender Stil:
.stil {
width: 100px;
}
In der standard-ie.css:
.stil {
width: 120px;
}
Die standard.css wird grundsätzlich geladen. Die Konstruktion <!--[if IE]>
lädt anschließend auch die stnadrad-ie.css, wenn es sich um den IE handelt.
Das Ganze nennt sich Conditional Comments. Damit lassen sich Stile für den
IE abweichend von anderen Browsern definieren.
Leg die Inhalte usw. der Tabellen mal mit CSS fest, dann kannste das nutzen.
Weiß nich ob dir das hilft, denn so ganz konkret versteh ich nich, welches Problem du hast. 
Der IE nimmt halt nicht jeden Stil an, der aber im FF oder so bestens sitzt.
Damit der IE auch die Stile annimmt, gibts halt die Möglichkeit... aber erklär erst Mal dein genaues Problem.
Zuletzt bearbeitet von PixelSchubser am Do 22.03.2007 20:09, insgesamt 2-mal bearbeitet
|
|
| |
|
|
matschomaen
Threadersteller
Dabei seit: 25.05.2004
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Do 22.03.2007 21:34
Titel
|
|
|
ups... sorry... hab aus lauter elan vergessen, das eigentliche Problem zu beschreiben! 
also: Wenn man die Seite im Firefox anschaut, dann ist die Navigation und der Inhaltsbereich bündig... genau wie es sein soll!
aber der IE zeigt knapp 5px abstand zwischen Inhalt und Navi.... wenn ich die Links wegnehme und nur Bilder hinmach, dann ist das Problem nicht da... aber die Links müssen sein, da es ja auch ne Navi sein soll... klar =)
Schönen Gruß, Matschomaen
|
|
| |
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 22.03.2007 21:52
Titel
|
|
|
Liegt wohl an dem Blank nach dem <a href..>
Kick die mal:
| Code: | <table border="0" vspace="0" hspace="0" cellspacing="0" cellpadding="0"><!-- Hauptrahmen -->
<tr><!-- Navigation -->
<td style="background-image: url(../images/buttons_zigarrenkeller/zigarrenkeller_0.jpg); background-repeat: no-repeat; width: 119px; padding: 0; margin: 0; height: 31px;"><!-- 1 -->
<a href="#zigarrenkeller" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Zigarrenkeller" title="Zigarrenkeller" width="119" height="31" border="0" /></a></td>
<td style="background-image: url(../images/buttons_zigarrenkeller/mittel_links_0_0.jpg); background-repeat: no-repeat; width: 16px; height: 31px; padding: 0; margin: 0;"><!-- 2 -->
<a href="#zigarrenkeller" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Zigarrenkeller" title="Zigarrenkeller" width="16" height="31" border="0" /></a></td>
<td style="background-image: url(../images/buttons_zigarrenkeller/bestand_0.jpg); background-repeat: no-repeat; width: 105px; height: 31px; padding: 0; margin: 0;"><!-- 3 --><a href="#Bestand" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Bestand zu Hause" title="Bestand zu Hause" width="105" height="31" border="0" /></a></td>
<td style="background-image: url(../images/buttons_zigarrenkeller/mittel_rechts_0_0.jpg); background-repeat: no-repeat; width: 16px; height: 31px; padding: 0; margin: 0;"><!-- 4 -->
<a href="#Bestand" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Bestand zu Hause" title="Bestand zu Hause" width="16" height="31" border="0" /></a></td>
<td style="background-image: url(../images/buttons_zigarrenkeller/vergleich_0.jpg); background-repeat: no-repeat; width: 150px; height: 31px; padding: 0; margin: 0;"><!-- 5 -->
<a href="#vergleich" style="padding: 0; margin: 0; text-decoration: none;"><img src="../images/spacer.gif" alt="Vergleich" title="Vergleich" width="235" height="31" border="0" /></a></td>
</tr><!-- Navigation -->
<tr>
<td colspan="5">
<table vspace="0" hspace="0" border="0" cellspacing="0" cellpadding="0"><!-- Rahmen -Inhalt -->
........................................................
</table>
</td>
</tr>
</table> |
|
|
| |
|
|
PixelSchubser
Dabei seit: 19.08.2004
Ort: GI
Alter: 43
Geschlecht:
|
Verfasst Do 22.03.2007 23:13
Titel
|
|
|
Genau, teste das mal.
Ansonsten...
Sind deine Tabellen denn mit CSS-Stilen und IDs angelegt?
Wenn nicht, leg die Navi mal mit CSS an und gib ihr eine ID.
Dann musste im CSS-Stil nur noch den Links die ID zuweisen.
Bsp.:
#navi a:link
...
#navi a:hover
...
usw..
Hat mir hier im Forum auch mal jemand mit geholfen. 
|
|
| |
|
|
matschomaen
Threadersteller
Dabei seit: 25.05.2004
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Do 22.03.2007 23:26
Titel
|
|
|
Hmm... alles schon getestet gehabt... Also das mit der CSS-Formatierung der Navi...
und nach den <a href...>-Tags gibts keine Blanks.
Wenn man aber nun die Links rausnimmt und nur Bilder hinmacht, dann ist der Abstand weg.... hmmmm.....
komisch...
Noch jemand eine andere Idee?
Schönen Gruß, Matschomaen
|
|
| |
|
|
matschomaen
Threadersteller
Dabei seit: 25.05.2004
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Fr 23.03.2007 00:12
Titel
|
|
|
Sorry PixelSchubser, hatte deinen Post total übersehen!
Das mit der Browserweiche klingt aber super interessant!
Ich werd das gleich mal ausprobieren! =)
Schönen Gruß, Matschomaen
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Tabellenlayout: alles verschoben
Webseite per Tabellenlayout veraltet. Warum ?
[HTML]Tabellenlayout: Probleme mit Hintergrund
Online-Shop-System gesucht der kein Tabellenlayout ausspuckt
Formmailer-Problem-neues problem
JS DIV-Problem
|
|
Willkommen auf dem Portal für Mediengestalter
