2 Divs per JavaScript auf gleiche höhe - Probleme!

K!k3i · #1 (**permalink**) 18.06.2008, 03:49

Tach, ich hab gelesen, dass einige das Problem haben, einen benachbarten DIV-Container genauso groß haben wollen, wie einer daneben.

Ich habe folgendes gefunden und bisher an meine Seite angepasst:

Code:

				<script type="text/javascript">

					content_right1=window.document.getElementById("content_right1");
    					border_right1_inner=window.document.getElementById("border_right1_inner");

					if(content_right1.offsetHeight > border_right1_inner.offsetHeight)
					style.height=content_right1.offsetHeight+"px";
					
					else(
				
				</script>

Wie ihr seht, fehlt mir noch das "Else". Da ich Null Ahnung von Java habe, wollte ich fragen ob mir das jemand fertig schreiben kann? Es geht darum, dass eine Abfrage eines Elementes/Container in der Höhe gemacht wird, dass ganze mit einem anderen verglichen wird und dann der andere auf die Höhe des abgefragten angepasst wird.

Hoffe das ist möglich, denn die Flexi Floats Methode bringt mir nichts.

mfg

cgdesign · #2 (**permalink**) 18.06.2008, 16:09

Geht schon:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
#content
{
	height: auto;
	width: 500px;
}
#left
{
	height: 400px;
	width: 250px;
	float: left;
	background: #6C0
}
#right
{
	height: auto;
	width: 250px;
	float: left;
	background: #F36
}
</style>
</head>
<body>

<div id="content">
	<div id="left"></div>
	<div id="right"></div>
</div>

<script type="text/javascript">
var left = document.getElementById("left");
var right = document.getElementById("right");

if(left.offsetHeight > right.offsetHeight)
{
	right.style.height = left.offsetHeight+"px";
}
</script>
</body>
</html>

Grieche · #3 (**permalink**) 12.05.2011, 23:08

Zitat:

Zitat von cgdesign

Code:

<script type="text/javascript">
var left = document.getElementById("left");
var right = document.getElementById("right");

if(left.offsetHeight > right.offsetHeight)
{
	right.style.height = left.offsetHeight+"px";
}
</script>

Danke Christoph für den Code.
Hast mir sehr geholfen damit !
(schade das sich der ehemalige Thread-Ersteller anscheinend nie bedankt hat)

LG Grieche

K!k3i · #4 (**permalink**) 27.05.2011, 13:03

Weil ich es damals anders gelöst hatte und seit Ewigkeiten hier nicht mehr reingeschaut habe.

Ich nutze nun eine andere Methode. Ein Div mit der gewünschten Breite nehmen. Das andere Div kommt in das Div rein. Das erste Div wird um soviel breiter gemacht wie das zweite div. Und das zweite div wird mit left: 0px; positioniert. Höhe noch 100% usw. border-right anpassen und schon sieht es auf der Webseite so aus, als hätte man 2 divs nebeneinander. ohne abstand, das problem könnte man aber lösen indem man neben das linke div noch ein div in das "outer" div macht und das "outer" div durchsichtig ist.

Grüße

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Probleme beim Positionieren von Divs	s3rial_	CSS	9	21.07.2010 23:24
Divs per float positionieren - Problem mit IE	fluppi	CSS	9	20.03.2008 14:16
Höhe bei DIVs definieren	somersault_85	CSS	6	30.10.2007 19:03
Seitenaufbau mit DIVs und 100% Höhe	vespasquire	CSS	6	12.09.2004 16:21
div's in der Höhe synchronisieren	zed leppelin	CSS	9	27.06.2004 18:04