Runde Kanten

[pekka]

Das Eckenbild ist nicht wirklich das Problem - das alleine sieht sowohl im IE als auch im Firefox völlig ok aus. Das Problem ist, daß Firefox die Ecke 1 Pixel zu weit unten rechts platziert. Was wahrscheinlich mit der Border-Definition der danebenliegenden Zellen zu tun hat, durch die die Firefox-Engine automatisch auch in Zellen ohne Border-Definition entsprechend Platz freiläßt. Hmmm. Da fällt mir grad auch keine geschickte Lösung ein

[paderfan]

Ok besten dank, dann werde ich damit wohl erst mal leben müssen

[kabeljau]

Hallo, schau Dir mal die Seite sinstech.de an, da ist sowas ähnliches: auch runde Kanten mittels einer Tabelle.

Der Unterschied ist, dass Du die Eckbilder direkt als Bild in die Zelle lädst und auf obiger Seite die Eckbilder als Hintergrundbild für die entsprechende Zelle gesetzt wurde.

Übrigens ist Deine Tabellenzelle obenlinks 7x1 Pixel groß und die eingefügte Grafik (images/home/oben_links_rand.gif) 13x13 Pixel. Das sollte schon irgendwie übereinstimmen.

Versuch doch mal mit CSS zu arbeiten, also statt:

<table border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" bordercolor="#111111"
width="980" id="AutoNumber1" height="82">
  <tr>

    <td width="7" height="1">
    <img border="0" src="images/home/oben_links_rand.gif" width="13" height="13"></td>
    <td width="967" height="1" bgcolor="#0058A5" style="border-top-style: solid; border-top-width: 1">
    <font color="#0058A5"><span style="font-size: 1pt">yxxxxx</span></font></td>
    <td width="6" height="1">
    <p align="right">
    <img border="0" src="images/home/oben_rechts_rand.gif" width="13" height="13"></td>
  </tr> 

schreibst Du nur

<table id="AutoNumber1">
  <tr>
    <td class="obenlinks">&nbsp;</td>
    <td class="top">
<font color="#0058A5"><span style="font-size: 1pt">yxxxxx</span></font>
    </td>
    <td class="obenrechts">&nbsp;</td>
  </tr> 

sowie im CSS-file:

table {
border:0px solid #111111;
padding:0px;
spacing:0;
border-collapse: collapse;
width:980;
}

td.obenlinks {
background-image:url('images/home/oben_links_rand.gif');
width:13px;
height:13px;
}

td.obenrechts {
background-image:url('images/home/oben_rechts_rand.gif');
width:13px;
height:13px;
}

td.top {
width:967px;
height:1px;
background-color:#0058A5;
border-top-style: solid;
border-top-width: 1;
}

etc... 

[orderfeuer]

Lass die Tabellen weg und benutze layer...
dann kannst du auch auf jeden besch... browser reagieren.

Stichwort: Browserweiche.

[TobiaZ]

Muss mal wieder einer den anstandswauwau machen (derHund ist ja nicht da )

Trotz 2000er auflösung, habe ich hier nen Scrollbalken. DU nicht? Bitte ändern.