4 divs mit gleicher Höhe

wapplegraph · 19.04.07

Ok.

Wenn ich dies auf meine Index Seite schreibe, so passiert nicht. Keine Fehlermeldung etc.

Code:

		<script>
	
	function divHeight()
	{	
		document.getElementById('border1').style.height = document.getElementById('inhalt1').style.height;
		document.getElementById('border2').style.height = document.getElementById('inhalt1').style.height;
		document.getElementById('inhalt2').style.height = document.getElementById('inhalt1').style.height;
		document.getElementById('border3').style.height = document.getElementById('inhalt1').style.height;
	}

		</script>

</head>

<body>

<script>
onload = "divHeight();"
</script>

Gruss wapplegraph

Bief · 19.04.07

wapplegraph schrieb:

Ok.

Wenn ich dies auf meine Index Seite schreibe, so passiert nicht. Keine Fehlermeldung etc.

Code:

        <script>
    
    function divHeight()
    {    
        document.getElementById('border1').style.height = document.getElementById('inhalt1').style.height;
        document.getElementById('border2').style.height = document.getElementById('inhalt1').style.height;
        document.getElementById('inhalt2').style.height = document.getElementById('inhalt1').style.height;
        document.getElementById('border3').style.height = document.getElementById('inhalt1').style.height;
    }

        </script>

</head>

<body>

<script>
onload = "divHeight();"
</script>

Gruss wapplegraph

Also wenns manuell auch nicht funktioniert, dann hast du mit JavaScript erst recht keine Chance...

wapplegraph · 20.04.07

Also manuell würde es schon funktionieren, doch dies möchte ich ja nicht,

wapplegraph

wapplegraph · 21.04.07

Was muss ich jetzt noch probieren, damit es klappen könnte?

wapplegraph

Hobbes_ · 21.04.07

wapplegraph schrieb:
Was muss ich jetzt noch probieren, damit es klappen könnte?

Hallo wapplegraph,

Habe mir auch kurz den Quelltext Deines Projekts angesehen. Ein Problem ist im Moment sicher, dass Dein Javascript-Programm gar nicht gestartet wird.

Du benutzt:

Code:

<body>

<script>
onload = "divHeight();"
</script>

Damit wird der Variable onload der Text divHeight(); zugewiesen.

Versuche mal folgendes (wie früher schon mal von Bief angegeben):

Code:

<body onload="divHeight();">

onload ist eine Option im Tag <body>

Konnte es jetzt bei mir nicht ausprobieren (wollte nicht alle CSS downloaden).

Hope it helps,
psc

wapplegraph · 21.04.07

Merci

Dass, onload in den body-Tag kommt habe ich übersehen.

Leider klappt es jetzt jedoch auch nicht, also es passiert rein gar nichts.

wapplegraph

dahui · 21.04.07

IMHO ist JS für layout nun wirklich die allerletze alternative

um es mal sehr nett auszudrücken

corssbrowser wirst du nur glücklich mit hilarious' link, sprich 'falsche spalten'

wapplegraph schrieb:
Ja

Aber ich habe schon Hintergrundbilder.

wapplegraph

dann musst du mit verschachtelten div's arbeiten

Hobbes_ · 21.04.07

Hier habe ich übrigens noch eine gute Seite gefunden, die zahlreiche Lösungsvorschläge für diese Fragestellung bietet. Offenbar geht es auch ohne Javascript...

Link

Hope it helps
psc

wapplegraph · 24.04.07

Hallo zusammen

Ich habe nun mein Problem doch mit den Faux Columnes gelöst.
Besten Dank für eure Tipps.
Einmal werde ich mich auch den Lösungen vom Link von psc befassen.

Besten Dank wapplegraph

Suche

Suche

4 divs mit gleicher Höhe

wapplegraph

Normande

Bief

Weigelts Zinszahler (Rotfranch)

wapplegraph

Normande

wapplegraph

Normande

Hobbes_

Gast

wapplegraph

Normande

dahui

Carmeliter-Renette

Hobbes_

Gast

wapplegraph

Normande

Wir schützen Ihre Privatsphäre

Informationen auf einem Gerät speichern und/oder abrufen

Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen (Optionale Cookies)

Datenübermittlung an Partner in anderen Staaten (Drittanbieter-Cookies)