nicht angemeldet
tabellenkonstruktus abnormalos
morgen zusammen,
ich hab erneut ein problem mit meinem table - layout (ja ich weiss...tables sollten nicht fürs layout missbraucht werden :))
hier mal der entsprechende code:
-----------------------
html-code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>table käse</title>
<style type="text/css" media="all">@import "test.css";</style>
</head>
<body>
<table class="norm" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" colspan="2" class="navmain">
- navmain -
</td>
<td valign="top" width="20" rowspan="3">
</td>
<td valign="top" rowspan="3" class="announce">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td>
</tr>
<tr>
<td valign="top" class="navsub">
- navsub -
</td>
<td valign="top" class="middlebox">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td>
</tr>
<tr>
<td valign="top" colspan="2" class="footer">
- footer -
</td>
</tr>
</table>
</body>
</html>
---------------------------
css-code:
body, html {height:100%}
body {margin:0px;padding:0px;font-family:verdana,sans-serif,helvetica;font-size:10px;line-height:15px;background-color:#330000;color:#FFFFFF;}
.norm {width:775px;}
.middlebox {width:420px;padding:10px;}
.navmain {padding:10px;}
.navsub {width:130px;padding:10px;}
.announce {width:150px;padding:5px;}
.footer {text-align:center;padding-top:40px;}
-----------------------------
opera 7.1 zeigt das ganze so an, wie ich das gerne hätte, nämlich dass der footer direkt an das mittlere text fenster anknüpft. sobald der text in der rechten <td> jedoch 'länger' ist, als der text in der mittel <td>, gibt es bei ie und mozilla einen beträchtlichen abstand zum footer, und einen abstand in der oberen nav <td>. kann mir einer sagen woher die kommen!?
(wenn der text in der rechten <td> kürzer ist als der in der mittleren <td>, zeigen es alle drei browser gleich an)
bin für jeden hinweis dankbar. :)
-
hi hurz
du meinst nicht etwa diesen abstand?
<img src="http://www.stud.uni-giessen.de/~su6690/test/hurz.gif" border="0" alt="">
nag
-
hey nag,
du meinst nicht etwa diesen abstand?
genau den. wie kriegsch den weg?
-
also dass es quasi so ausschaut:
<img src="http://www.imagestation.com/picture/sraid65/p24b87cf673be7f96de374bdfa688ad30/fbe974b6.jpg" border="0" alt="">
-
morgen,
weiss niemand ne lösung oder einen anderen weg?
anbei nochmal die zwei bilder zum vergleich:mozilla (und ie):
[img:http://www.imagestation.com/picture/sraid65/p614099c71fb58d02c55fa912d28ed506/fbe940a4.jpg]opera:
[img:http://www.imagestation.com/picture/sraid65/p8ca2abec58514c034dc30fefb6cb75e4/fbe9409a.jpg]-
hmpf...ich bin für ne editierfunktion ;)
morgen,
weiss niemand ne lösung oder einen anderen weg?
anbei nochmal die zwei bilder zum vergleich:mozilla (und ie):
<img src="http://www.imagestation.com/picture/sraid65/p614099c71fb58d02c55fa912d28ed506/fbe940a4.jpg" border="0" alt="">opera:
<img src="http://www.imagestation.com/picture/sraid65/p8ca2abec58514c034dc30fefb6cb75e4/fbe9409a.jpg" border="0" alt=""> -
morgen,
hi hurz
weiss niemand ne lösung oder einen anderen weg?
der andere weg lautet ein jungfräuliches css layout :)
ich habe bis jetzt keinen nerv gefunden, mich mit deinem konstrukt zu beschäftigen.beim überfliegen des codes sah ich keine einzige höhenangebe (height). das zeigt mir, dass du noch nicht viel probiert hast. oder was hast du denn schon versucht?
mfg NAG
-
morgen nochmal,
der andere weg lautet ein jungfräuliches css layout :)
ich bin echt kurz davor :)
beim überfliegen des codes sah ich keine einzige höhenangebe
hab schon viel mit height rumprobiert, aber das bringt nur noch mehr kopfschmerzen. der ie ignoriert (oder interpretiert sie äusserst eigenartig) die height-pixel angaben und bei %-angaben kommt man so auf gar keinen nenner zwischen den drei browsern.
das problem ist, dass die zwei text-tds jeweils in ihrer länge variieren. ich werd also wahrscheinlich einfach den footer als div in die mittlere text-td packen.
falls euch noch ne möglichkeit einfällt oder ihr ein ähnliches css-layout kennt, dann würd ich mich freuen, wenn ihr das hier kundtut. :)
grüssas
hurz
-
-
-
-