• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IE6 darstellungsfehler

Status
Für weitere Antworten geschlossen.
M

mischka

Neues Mitglied
Habe folgendes Problem:
In IE6 werden 5px große leere zeilen angezeigt, die es bei firefox nicht gibt:

http://planlo0s.pl.ohost.de/ff.gif
http://planlo0s.pl.ohost.de/ie6.gif

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ultra Version 2</title>
</head>
<body style="background-color: #d4d4d4;">

<table cellpadding="0" cellspacing="0" border="0" align="center" width="800" height="163">
    <tr>
        <td>
          <img src="header.jpg" border="0" alt="header" />
        </td>
    </tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" align="center" width="800">
    <tr>
        <td>
            <img src="home.jpg" border="0" alt="home" />

        </td>
        <td>
            <img src="termine.jpg" border="0" alt="termine" />
        </td>
        <td>
            <img src="wetter.jpg" border="0" alt="wetter" />
        </td>
        <td>
            <img src="notizen.jpg" border="0" alt="notizen" />
        </td>
        <td>
            <img src="Links.jpg" border="0" alt="links" />
        </td>
    </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="800">
    <tr>
        <td style="background-image: url(left.jpg);" width="5px">
            <img src="ph.gif" border="0" alt="ph" />
        </td>
        <td style="background-color: #ffffff; width: auto;">
            <p align="center">jo</p>
               <p align="center">jo</p>
            <p align="center">jo</p>
               <p align="center">jo</p>
            <p align="center">jo</p>
               <p align="center">jo</p>
            <p align="center">jo</p>
               <p align="center">jo</p>
        </td>
        <td style="background-image: url(right.jpg);" width="5px">
            <img src="ph.gif" border="0" alt="ph" />
        </td>
    </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="800" height="30">
    <tr>
        <td height="30" width="30">
            <img src="bottom_left.jpg" border="0" alt="bottom_left" />
        </td>
        <td style="background-image: url(bottom.jpg);" height="30">
            <p style="font-family: Tahoma; font-size: 9px; text-align: center; font-weight: bold;">Designed by xDDesigns (mischka)</p>
        </td>

        <td height="30" width="30">
            <img src="bottom_right.jpg" border="0" alt="bottom_right" />
        </td>
    </tr>
</table>

</body>
</html>
 
Zuletzt bearbeitet:
leider kann ich dir jetzt auch nicht genau helfen, aber ich gebe dir den dringenden rat vergiss dein tabellen layout und lerne richtiges html und css
tabellen sind nicht für layouts da und wenn du so weiter machst wirst du sehr schnell nichts mehr lernen können, weil du dich mit deinem layout zu sehr begrenzt und deine seite so sehr sehr schlecht erweiterbar wird.
 
ich bin keine 12 mehr. ich weiß wie man html-seiten erstellt und die erweiterparkeit lass mal meine sorge sein.

die seite wird später sowieso später aus datenbanken und php dynamisch erstellt, deshalb ist es momentan eher uninteressant.
 
sorry wenn du dich angegriffen fühlst, aber dein quelltext zeigt, dass du nicht weißt wie man html seiten erstellt. dein quelltext hat eine qualität die 10 jahre alt ist. wenn du das ganze später noch mit php verarbeiten wirst wird es noch schwerer das in ein tabellen layout zu packen.

aber geh weiter auf deinem weg, du wirst merken wenn das ende erreicht ist.
 
ich möchte mal nicht so sein.
ich würde auch die befehle innderhalt von <table> und <td> in class="" packen.
aber wie würdest du das layout einer website ohne tabellen machen?
 
für solche sachen benutzt man div-container, diese kannst du per css dann formatieren wie du willst. für jede tabelle die du in deinem text angefangen hast, also <table>...</table>, benötigst du dann statt 10 zeilen nur noch 2.
deine menüzeile oben würde ich per listen definieren. im großen und ganzen wird dein quelltext durch den einsatz von div und listen deutlich übersichtlicher und kleiner. und php lässt sich auch leichte einbinden wenns überischtlicher ist.
 
ich merke du willst auf biegen und brechen ein gegenbeispiel bringen, bitte dann bastel deine seite weiter mit tabellen.
 
nur eine vermutung.
pack alles in EINE tabelle und nicht in vier.
background-repeat: no-repeat;
background-position: center top;

bei den images sollte ebenfalls angegeben werden
eventuell noch eine feste höhe der entsprechenden <tr>
 
ich habe versucht eine tabelle aussenrum zu bauen, das problem wird dadurch aber nicht behoben.
ich habe daraus nicht 'eine' tabelle gemacht, weil alles erweiterbar sein muss, und dies mit colspan und rowspan nicht gegeben ist.
 
das verschachteln von tabellen ist auch nicht das ziel, du setzt hier mehrere tabellen untereinander, wo auch eine reichen würde.
ich bin jetzt nicht sicher, aber mir ist so, als wenn der ie6 z.b. nach einem </table> einen abstand macht.

sieh dir zu dem thema doch mal colspan und rowspan an
 
ich weiss wozu colspan und rowspan sind.
Das mit dem abstand habe ich mir auch schon gedacht, aber keine möglichkeit gefunden diese irgentwie loszuwerden. da muss es doch irgendein befehl geben.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben