problem mti absoluter & relativer höhenangabe einer tabelle - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > problem mti absoluter & relativer höhenangabe einer tabelle

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > problem mti absoluter & relativer höhenangabe einer tabelle

Pages: [1]

geschrieben von mänu am 28.05.2004 - 16:39

hallo!

ich habe folgendes problem:
auf einer seite sind zwei tabellen übereinander. beide haben die breite 100%. die obere tabelle hat jedoch eine fixe höhe (da auf ein bild abgestimmt), während die untere tabelle den rest der seite auffüllen sollte.

ich habe nun eine tabelle über die ganze seite gemacht (höhe 100%, breite 100%) mit zwei zeilen, welche die oben genannten tabellen enthalten.

im internet explorer funktioniert es prächtig, die obere tabelle bekommt ihre fixe höhe und die untere tabelle füllt 100% der unteren zeile aus.

im mozilla jedoch hat die obere tabelle die fixe höhe und die untere tabelle bekommt die volle höhe des browserfensters. mit anderen worten: das design passt nicht mehr ins fenster.

hat mir jemand einen tipp, wie ich dieses problem am besten angehe?

hier könnt ihr euch die sache gerade anschauen:
http://concastic.ch/forum/setup/

gruss mänu

geschrieben von Pablo am 29.05.2004 - 09:11

hi,

Ich habe mal was ausprobiert. Ich hoffe, du verstehst es vom Grundprinzip:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22:

<html>
<head>
</head>
<body>
<table style="height:100%;width:100%;" cellspacing="0" cellpadding="0">
<tr><td style="height:100px;">

<table style="height:100px;width:100%;background-color:Red" cellspacing="0" cellpadding="0">
<tr><td>balblabla</td></tr>
</table>

</td></tr>
<tr><td style="height:100%;">

<table style="height:100%;width:100%;background-color:lime" cellspacing="0" cellpadding="0">
<tr><td>balblabla</td></tr>
</table>

</td></tr>
</table>
</body>
</html>

Pablo

geschrieben von mänu am 29.05.2004 - 16:01

hallo pablo

ich habe es genau so gemacht, nur habe ich die tabellengrössen nicht mit css angegeben. ich habe deine variante auch noch ausprobiert, aber leider macht es keinen unterschied

im internet exploder funktionierts bestens aber im mozilla nicht

mänu

geschrieben von starleos am 29.05.2004 - 16:55

Hi,

das ober Logo wird im firefox nur zur Hälfte angezeigt, und du hast auch eine Tabelle in der Tabelle gemacht, warum so kompliziert?

Mach doch für oben einen div anstatt dieses ganze, und beim Body in der CSS kannst auch gleich die Hintergrundfarbe definieren,

<body bgcolor="#ffffff" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">

ist alles nicht nötig, mach es gleich in css

	HTML-Quelltext
1: 2: 3: 4: 5: 6: 7: 8: 9:	BODY { font-size: 11px; font-family: Verdana, Arial; color: #000000; background: #ffffff url(../sysdesign/bg.jpg) no-repeat bottom right; margin: 0px; padding: 0px; }

wenn ich dich richtig verstanden habe, willst du das die Seite komplett 100% ausfüllt oder?

Wieso tables, mach es doch mit divs.

Lege dir als Anlage ein Div Beispiel das die ganze Seite ausfüllt.

Hier findest du weiters ein Layout generator auf div basis.

http://www.inknoise.com/experimenta....omatic.php

Wenn du mit Frames arbeiten möchtest, kannst du auch problemlos einen Inlineframe verwenden und diesem in einen div stellen.

geschrieben von René am 29.05.2004 - 21:30

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39:

<html>
<head>
<title>MBBoard Setup: Fehler</title>

<style type="text/css">
<!--
body
{
	overflow: auto;
	margin: 0px;
}
//-->
</style>

</head>
<body>

<table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%">
  <tr>
    <td colspan="2" height="67">

      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td width="95%"><img src="setup_titelbild.jpg" border="0" width="300" height="67" alt="" /></td>
          <td align="right" width="107"><img src="titel_rechts.jpg" border="0" width="107" height="67" alt="" /></td>
        </tr>
      </table>

    </td>
  </tr>
  <tr>
    <td width="150" height="97%"><img src="./leer.gif" border="0" width="150" height="1" alt="" /><br />
    Men&uuml;</td>
    <td width="90%">Haupt</td>
  </tr>
</table>

</body>
</html>