dynamische größen-regulierung

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

1

Montag, 26. Juli 2004, 15:00

hi,

ich hab ne seite gebaut, in der eine grafik als vertikale trennlinie (vom menü zum eigentlichen inhalt) dient. nun, wenn der inhalt das browser-fensters nicht überschritten wird zeigt die grafik (linie) bis zum boden (da die pixelzahl genau angepasst ist). wenn jetzt aber mehr inhalt drin is hört die line natürlich auf... wie kann ich das jetzt machen, dass die linie IMMER bis zum boden zeigt?

live Ultra' - http://www.kazworks.net

NiBurhe

Kaiser

Dabei seit: 07.04.2003

Beiträge: 1 292

2

Montag, 26. Juli 2004, 15:58

ganz einfach statt ner Pixelzahl einfach

	Quellcode
1 2 3	width="100%" <!-- oder > height="100%"

MfG
NiBurhe

2 gratis SMS/Tag

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

3

Montag, 26. Juli 2004, 17:10

bei width geht es ja aber bei height nich...

weil sich das height dann ja auf die das menü bezieht... und nciht auf den eigentlichen inhalt

live Ultra' - http://www.kazworks.net

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Barto« (26. Juli 2004, 17:11)

NEO76

Routinier

Dabei seit: 03.03.2003

Beiträge: 353

4

Montag, 26. Juli 2004, 21:40

Hallo Barto,

stell doch mal Deinen Code rein! Dann kann man besser verstehen, was und wie Du etwas vor hast!

Greetz
Neo

Phantasie ist wichtiger als Wissen,
denn Wissen ist begrenzt! Albert Einstein

Fab

Lebende Foren Legende

Dabei seit: 30.03.2003

Beiträge: 1 635

5

Dienstag, 27. Juli 2004, 10:17

Ein sehr ähnliches Problem habe ich auch.

Das height: 100%; geht irgendwie nicht.

Irgendwo machen wir einen Denkfehler...

Mfg Fab

-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)

NEO76

Routinier

Dabei seit: 03.03.2003

Beiträge: 353

6

Mittwoch, 28. Juli 2004, 17:56

Hi Leute,

wenn ihr Hilfe wollt, dann solltet ihr den Code mal posten!
Könnte mir vorstellen, dass ihr verschachtelte Tabellen benutzt und daher das Problem auftritt. Aber alles nur Spekulation...

Greetz
Neo

Phantasie ist wichtiger als Wissen,
denn Wissen ist begrenzt! Albert Einstein

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

7

Montag, 9. August 2004, 14:38

code ist folgender:

	Quellcode
1	<img src="img/spacer.gif" width="1" height="490" border="0" alt="">

also die grafik deckt momentan 100% der bildschrmhöhe aus... wenn jetzt aber ,mehr inhalt als "standard browser" höhe drin is, reicht die grafik eben halt nur 400 pix gen boden aber nicht wieder bis zum boden, screenshot:

»Barto« hat folgende Bilder angehängt:

live Ultra' - http://www.kazworks.net

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Barto« (9. August 2004, 14:44)

LoM

Routinier

Dabei seit: 23.02.2003

Beiträge: 314

8

Montag, 9. August 2004, 16:04

versteh grad garnicht warum du da ne grafik verwendest, wenn du da eh ne tabelle hast (was ich mal annehme) kannst du einfach ne spalte an der stelle machen und der halt den bgcoler zuweisen.
da sparst du dir den ganzen kram mit er grafik und zusätzlich noch ladezeit

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

9

Montag, 9. August 2004, 17:19

ne, geht nicht! sind verschiedene tabellen

live Ultra' - http://www.kazworks.net

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

10

Montag, 9. August 2004, 19:36

geht das nicht nach folgender art oder ähnlich:

	Quellcode
1 2 3 4 5 6 7	function line(){ var size; size=document.body.offsetHeight; document.all.linie.offset.Height = size } <img src="img/spacer.gif" width="1" id="linie" border="0" alt="">

achso: wenn ich bereits folgenden onLoad befehl habe, wie integriere ich dann linie()???

	Quellcode
1	<body onLoad="status='Meine Webpage'; return true;">

live Ultra' - http://www.kazworks.net

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

11

Dienstag, 10. August 2004, 15:58

HILFE!!! IS ECHT WICHTIG!!!

live Ultra' - http://www.kazworks.net

Fab

Lebende Foren Legende

Dabei seit: 30.03.2003

Beiträge: 1 635

12

Dienstag, 10. August 2004, 21:23

Hi

*lol* du hast 3 posts hintereinander gemacht

Willst du wissen, wie ich es gelöst habe?

Ich habe ja 2 div's nebeneinander, dort habe ich einfach den Border an den linken Rand des Content-Divs genommen, weil sich die Navi ja sowieso nicht mehr ausdehnt, als ich es will, jedoch der Content ist ja variabel in der Länge.

http://sk8ing.gu2.info/Xenon Scripts

Guck einfach mal im Quelltext rum, dann wirst du sehen, was ich meine.

)

Du musst wohl auf deinen Grafikborder verzichten...

Mfg Fab

-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

13

Dienstag, 10. August 2004, 22:32

also height="100%" gibts einfach nicht das wird nirgentwo unterstützt.

und wenn du uns den quelltext gibst können wir dir sicher helfen das auch deine bgbild da reinkommt

mfG LA

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

14

Mittwoch, 11. August 2004, 13:52

ja ich kann nur soagen, es sind zwei nebeneinande trbefindliche unabhängige tabellen... und in der linken ist nochmals ne tabelle, wo eine splate halt den trennstrich mimt... aber kpnnt ihr mit meinem skript entwurf nichts anfangen ode rihn ausbessern? ? ?

live Ultra' - http://www.kazworks.net

dwvm

Haudegen

Dabei seit: 23.02.2003

Beiträge: 657

15

Mittwoch, 11. August 2004, 23:34

Zitat
Original von Barto
code ist folgender:
Quellcode
1
<img src="img/spacer.gif" width="1" height="490" border="0" alt="">
also die grafik deckt momentan 100% der bildschrmhöhe aus... wenn jetzt aber ,mehr inhalt als "standard browser" höhe drin is, reicht die grafik eben halt nur 400 pix gen boden aber nicht wieder bis zum boden, screenshot:

warum hast du bei "height" einen Wert von 490? Wenn du da 100% machst, dann müsste das eigentlich gehen.

würde aber auch das mit der Table machen. eventuell verschachteln oder einfach einen border.

visit:
Modellbahn-Community
Mittelplatefan

Barto

Doppel-As

Dabei seit: 29.05.2004

Beiträge: 104

16

Freitag, 13. August 2004, 19:23

ja, ne danke... ich kann es euch nciht erklären... leider

hier nun mein script entwurf, aber warum klappt er nicht, a) wenn die offsetHeight überschritten wird und b) wenn ich das script per include() (php) einbinde? und wie fürge ich in meine onload, wo bereits die statuszeile angesprochen wird noch die funktion zu ohne im eigentlichen script onload=function() verwenden zu müssen?

Quellcode

onload=function(){
if(document.body.offsetHeight>740){
document.getElementById("line").style.height=document.body.offsetHeight/1.85;
}else{
document.getElementById("line").style.height=400;
}
}

...

<img src="img/spacer.gif" width="1" width="100%" id="line" border="0" alt="">

live Ultra' - http://www.kazworks.net

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Barto« (13. August 2004, 19:23)

Barto1887

Grünschnabel

Dabei seit: 23.01.2007

Beiträge: 4

17

Dienstag, 23. Januar 2007, 23:54

nun gut. da bin ich wieder nach mehr als einem jahr abstinenz... leider mit neuem account aber dennoch dem gleichem problem... :rolleyes:

um das ganze nochmals aufzufrischen beschreibe ich es am besten nochmal neu und möglichst detailliert:

Zu Grunde liegt eine Tabelle mit drei Spalten nebeneinander. Innerhalb dieser befinden sich ebenfalls noch jeweils eine Tabelle. Wird nun eine dieser Inhalt eingefüllt, verändert sich zwar die Größe der übergeordneten Tabelle aber nicht die Größe der zwei anderen, eingebetteten Tabellen. Mit folgendem Code dachte ich mir das Problem zu beheben:

Hierbei tragen die eingebetteten <table>-Tags die id=“cellX“. Noch ein Hinweis: Weder innerHeight, noch offsetHeight funktionieren, obwohl
zumindest ersterer sowohl lesbar als auch setzbar sein soll!

ALTERNATIVIDEE:

man messe die höhe der übergeordneten tabelle (gibt ihr eine id) subtrahiert 40 (2*20px padding) und weist allen td-tags ("cellX") jene zu.

Quellcode

<script language="javascript">
onload=function(){
if(document.getElementById('cella').innerHeight > document.getElementById('cellb').innerHeight || document.getElementById('cellc').innerHeight)
{
document.getElementById('cellb').innerHeight && document.getElementById('cellc').innerHeight = document.getElementById('cella').innerHeight
}
else if(document.getElementById('cellb').innerHeight > document.getElementById('cella').innerHeight || document.getElementById('cellc').innerHeight)
{
document.getElementById('cella').innerHeight && document.getElementById('cellc').innerHeight = document.getElementById('cellb').innerHeight
}
else{
document.getElementById('cella').innerHeight && document.getElementById('cellb').innerHeight = document.getElementById('cellc').innerHeight
}
}
</script>

Bsp. Für Tabellenkonstruktion:

Quellcode

<table width="100%" border="1" cellspacing="20" cellpadding="0">
<tr>
<!-- LINKE SPALTE //-->
<td valign="top" width="33%">

<table cellpadding="7" cellspacing="0" width="100%" style="border:1px solid #cccccc;">
<tr>
<td class="norm" style="background-color:#ebebeb; font-weight: bold; border-top:1px solid #ffffff; padding-top:5px; padding-bottom:5px; width: 100%;">Test</td>
</tr>
<tr>
<td id="cella" valign="top" class="norm">
<a class="norm" href="hsv.de">clita kasd gubergren</a>
</td>
</tr>
</table>

</td>
<!-- ENDE LINKE SPALTE //-->
<!-- MITTEL SPALTE //-->
<td valign="top" width="33%">

<table cellpadding="7" cellspacing="0" width="100%" style="border:1px solid #cccccc;">
<tr>
<td class="norm" style="background-color:#ebebeb; font-weight: bold; border-top:1px solid #ffffff; padding-top:5px; padding-bottom:5px; width: 100%;">Test</td>
</tr>
<tr>
<td id="cellb" valign="top" class="norm">
<a class="norm" href="hsv.de">clita kasd gubergren</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
längste Spalte
</td>
</tr>
</table>

</td>
<!-- ENDE MITTEL SPALTE //-->
<!-- RECHTE SPALTE //-->
<td valign="top" width="33%">

<table cellpadding="7" cellspacing="0" width="100%" style="border:1px solid #cccccc;">
<tr>
<td class="norm" style="background-color:#ebebeb; font-weight: bold; border-top:1px solid #ffffff; padding-top:5px; padding-bottom:5px; width: 100%;">Test</td>
</tr>
<tr>
<td id="cellc" valign="top" class="norm">
<a class="norm" href="hsv.de">clita kasd gubergren</a>
</td>
</tr>
</table>

</td>
<!-- ENDE RECHTE SPALTE //-->
</tr>
</table>

wäre froh wenn wir diesmal gemeinsam eine lösung finden könnten!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Barto1887« (23. Januar 2007, 23:56)