Höhenangaben Tabellen mit BG-IMG

[maulwurf]

hi

folgendes problem:
ich habe eine HTML-seite, bestehend aus 2 tabellen, eine mit dem inhalt, die in der höhe nicht festgelegt wird.
darunter eine mit einem hintergrundbild, was bei einer höheren auflösung den rest des browserfensters ausfüllen soll.
vereinfacht folgender code:

<TABLE>
<TR>
<TD>inhalt....
<P>
noch mehr inhalt
<P>
...</TD>
</TR>
</TABLE>
<TABLE HEIGHT="100%" BACKGROUND="meinpic.gif">
<TR>
<TD>& nbsp;</TD>
</TR>
</TABLE>


ich bekomme nun vertikale scrollbalken, sowohl in NS als auch im IE.
weiß jemand einen tipp, wie ich die weg kriege? bei einer geringeren prozentangabe für HEIGHT sind die scrollbalken kürzer, aber sie gehen halt nicht weg.
kennt jemand das problem? wie habt ihr das gelöst?

und bitte keine umgehungslösungen mit nem gesamten BG-IMG, das geht in diesem fall nicht.

thx & cya

aso.. und alles in eine tabelle zu knallen soll auch vermieden werden - wegen der ladezeiten..

[Apraxas]

dein Prob ist einfach, das >>Height="100%"<<, damit ist die table 100% von dem Browserfenster!
d.h. du hast logischerweise Scrollbalken.
auch gibts 2 Probs mit den, was du da gepostet hast:
1. height ist nicht w3c, d.h. der Browser *muss* es nicht unterstützen, es wird zwar in der Regel, aber halt nicht von allen!
2. wenn ich mir den ausschnitt <TABLE HEIGHT="100%" BACKGROUND="meinpic.gif">
<TR>
<TD>& nbsp;</TD>
</TR>
</TABLE>
so anschau frage ich mich, warum nicht einfach <img src="meinpic.gif" border="0" alt="meinpic">?
Denn wenn du das mit der table anwendest macht das nicht wirklich viel sinn!

-Apraxas

[Jan Krüger]

...weil es dann evtl viel mehr platz ausfüllt, als es soll. deshalb ja als hintergrundbild.

ansonsten, das problem kenne ich, ich habe es aber bis jetzt immer geschickt umgangen, es zu lösen. ich weiß gar nicht, ob es überhaupt eine möglichkeit gibt.
vielleicht kannst du ein image benutzen, das am unteren bildschirmrand ausgerichtet ist und per z-index hinter alle anderen objekte gelegt wird. allerdings sieht das dann komisch aus, wenn darüber teilweise transparente objekte sind und außerdem wird jeder browser, der css nicht anständig unterstützt, daraus das größte chaos machen.

[maulwurf]

@ Apraxas
dein Prob ist einfach, das >>Height="100%"<<, damit ist die table 100% von dem Browserfenster!
d.h. du hast logischerweise Scrollbalken.
naja soooo logisch ist das nun auch nicht. schließlich beziehen sich prozentangaben in HTML bei allen anderen fällen auf den noch zur verfügung stehenden platz... bei WIDTH funzt das ja bekanntlich prächtig...

so anschau frage ich mich, warum nicht einfach <img src="meinpic.gif" border="0" alt="meinpic">?
Denn wenn du das mit der table anwendest macht das nicht wirklich viel sinn!


dazu nur: wer lesen kann, ist klar im vorteil ;)
darunter eine mit einem hintergrundbild, was bei einer höheren auflösung den rest des browserfensters ausfüllen soll.
und height in % im IMG-tag.... das geht nich gut.


@ JaSt
hmm.. css ist mir da zu unsicher... die seite soll möglichst idiotensicher sein
ich werde es wohl doch mit einem gesamten hintergrundbild lösen müssen.. wenn mir noch was besseres einfällt, poste ichs.

thx anyway

[Apraxas]

darunter eine mit einem hintergrundbild, was bei einer höheren auflösung den rest des browserfensters ausfüllen soll.

dann bleibt dir wohl nur eins übrig, eine "gesamt"-table, width=100% und height=100%, und dann als letztes die table mit dem bild und als width=*...
damit haste aber ein Problem, das geht nur, wenn du wirklich 110% sicher bist, dass das was du Anzeigen willst nicht länger ist, als das Browserfenster.
Naja, im Grunde wird dann ja nur das die letzte Table beschnitten (Der rest sollte sich ja an die Breite anpassen) und damit kein Bild angezeigt...

wenn du das wie oben beschrieben sauber durchziehst sollte es eigentlich jeder Browser akzeptieren...

und height in % im IMG-tag.... das geht nich gut.
und jetzt ist dein Leseverständniss gefragt ;) ;) :

<img src="meinpic.gif" border="0" alt="meinpic">
^^ Wo is da ein Height? ;)

Ich hoffe, dass ich helfen konnt
- Apraxas

[maulwurf]

@ Apraxas, du hast mich nicht verstanden.

dein vorschlag war:

so anschau frage ich mich, warum nicht einfach <img src="meinpic.gif" border="0" alt="meinpic">?

ich (und auch JaSt) schrieb(en):

darunter eine mit einem hintergrundbild, was bei einer höheren auflösung den rest des browserfensters ausfüllen soll.

den rest des browserfensters .. bedeutet dynamisch. es soll sich anpassen. somit bin ich gezwungen, prozentangaben zu verwenden.
dein vorschlag, das pic "einfach so" als IMG reinzupacken ginge also nur unter der vorassetzung, dass ich im IMG-tag height="100%" angeben würde. und dazu mein kommentar: das geht nicht gut.
jetzt verstanden? ;)

und wo wir grad nochmal beim lesen sind:

dann bleibt dir wohl nur eins übrig, eine "gesamt"-table, width=100% und height=100%, und dann als letztes die table mit dem bild und als width=*...

1. hast du dich verschrieben, aber darauf will ich jetzt gar nicht hinaus.
2. habe ich in meinem ersten post bereits geschrieben:

aso.. und alles in eine tabelle zu knallen soll auch vermieden werden - wegen der ladezeiten..

deine sache mit der beschnittenen tabelle und der breite (wieso eigentlich breite?) habe ich nicht wirklich verstanden, aber macht nix.
habs jetzt doch mit einem BG-IMG im BODY gelöst... das bild wurde nur 2KB groß - also erträglich.

danke für die mühe, aber....
Ich hoffe, dass ich helfen konnt
:(

cya

[Apraxas]

den rest des browserfensters .. bedeutet dynamisch. es soll sich anpassen. somit bin ich gezwungen, prozentangaben zu verwenden.
dein vorschlag, das pic "einfach so" als IMG reinzupacken ginge also nur unter der vorassetzung, dass ich im IMG-tag height="100%" angeben würde. und dazu mein kommentar: das geht nicht gut.
jetzt verstanden? ;)

war davor schon verstanden, und du solltest vielleicht den Ganzen post lesen -> "Wo is da ein Height?"
d.h. ich hatte nie vor in dem <img ... > ein height zu verwenden!


und wo wir grad nochmal beim lesen sind:

1. hast du dich verschrieben, aber darauf will ich jetzt gar nicht hinaus.
2. habe ich in meinem ersten post bereits geschrieben: (<snip>)

1. den darfste behalten, btw. was hat schreiben mit lesen zu tun?
2. Folgendes Tabellen Konstrukt:

<table border="0" width="100%" height="100%">
<tr>
<td valign="top">
<table border="0" width="150">
<!-- z.B. ne Naviagtion //-->
</table>
</td><td valign="top">
<!-- was auch immer//-->
</td>
</tr>
<tr>
<td colspan="2">
<table background="meinpic.gif">
<tr><td>&nbsp;</td></tr>
</table>
</td>
</tr>
</table>


naja, scheinst dir ja selber geholfen zu haben.
viel spaß damit!
btw. deine seite wird mit den Tabllen-Zeug oben keine Jahre länger dauern, vielleicht ne millisec, aber wenns dir a) zu kompliziert is (was ich nicht glaube) oder b) zu fett, dann lass es =)

- Apraxas