kleine - große Lücken hauptsächlich im IE.

[Astovidatu]

Also ist recht wichtig das ich das gut hinbekomme, deswegen poste ich alles mit code das ich hier auch 100% richtig verstanden werde. Vorneweg mal ich hab so ziemlich alles was in SelfHTML zu CSS steht gelesen und auch das Forum hier durchforstet, google etc. Aber ich bekomms einfach net hin wie es sein sollte.

Habe folgendes Frameset:
<frameset rows="28%,*%" frameborder="no" framespacing="0" noresize>
    <frame src="oben.htm" name="topFrame" scrolling="NO">
    <frame src="main.htm" name="mainFrame" scrolling="no">
</frameset>

Im oberen frame ist folgender relevanter Inhalt:
<style type="text/css">
img.kerze1 { margin-left:220px;}
img.kerze2 { margin-left:78px;}
td,img {vertical-align: bottom;}
</style>
</head>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" id="tablekerze">
  <tr>
    <td><a href="Javascript:Void(0)" onmouseover="setObj(1,120,90,'individuell','#FFFFC1','#ffffff','black','#CAC025')" onmouseout="timer(2)"><img src="bilder/kerze1.jpg" class="kerze1" border="0" id="kerze"></a>
  <a href="Javascript:Void(0)" onmouseover="setObj(2,130,90,'kunst','#FFFFC1','#ffffff','black','#CAC025')" onmouseout="timer(2)"><img src="bilder/kerze2.jpg" alt="kerze2" class="kerze2" border="0" id="kerze"></a>
 </td>
  </tr>
</table>

Im unteren Frame ist folgender code von bedeutung:
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" id="tablekamin">
<tr>
 <td>
 <img src="bilder/kamin.gif" id="kamin" style="vertical-align: bottom; margin:0px;">
 </td>
</tr>
</table>

Meine CSS für den BODY sieht so aus:
BODY {
font-family:Tahoma, Verdana;
font-size:12px;
background-color: #FFFF99;
font-color:#000000;
vertical-align: bottom;
margin:0px;
}

Ok, so weit so gut.
In mozilla liegt kamin.gif schön (bis auf 1px) am unteren rand des browsers an, genau das selbe gilt für die beiden kerzen die liegen auch bis auf 1px an der unteren frame. Sieht also so aus als ob die kerzen auf dem Kamin drauf stehen. Wäre natürlich klasse wenn ich diesen 1px auch noch irgendwie weg bekomme aber viel wichtiger ist was im IE los ist:

Der kamin hat so ca. 10px abstand zum unteren browser rand und die kerzen sind alles andere als auf dem kamin sims, auch da haben wir ca. 10px abstand.

Ich hab also mal scrolling für die untere frame auf yes geschalten und da hab ich gesehen das der abstand unten und oben bei dem kamin genau so hoch ist wie die Pfeile unten und oben bei der scrollbar...

Was soll das, was kann ich dagegen machen? ich will nirgendwo lücken haben außer halt links und recht, was ja logisch ist.

Vielen dank für eure Hilfe im vorraus schonmal.

MfG Asto.

[Sirdan]

Ohne jetzt alles genau gelesen zu haben, denke ich, dass

MARGINWIDTH=0
MARGINHEIGHT=0

im Frame-Tag das sind, was Du suchst.
Also:

<frame src="oben.htm" name="topFrame" scrolling="NO" MARGINHEIGHT=0>

[Astovidatu]

MARGINWIDTH=0
MARGINHEIGHT=0

Das hatte ich schon ausprobiert, bringt leider rein garnichts.

[Astovidatu]

Natürlich könnte ich die tables um die Bilder herum auch weg lassen wen n mir das vorteile verschafft. Ich dachte mir nur es wäre so einfacher meine Grafiken zu positionieren.

[Astovidatu]

Hat sich erledigt.
Danke trozdem.

Ps: Self HTML rules!