Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

Titus · 11-12-2009, 10:56

Hallo,
ich habe folgenden Aufbau:

| Menü DIV | Content DIV | content Div 2 |

Menüdiv hat eine feste breite, variable Höhe.
Content Div soll eine variable Breite bekommen
Das Content Div kann ausgeblendet sein oder hat eine feste Breite.

Über jquery kann man das Menüdiv nach links raus fahren, sodass das Content-div den Platz des Menü Divs ebenfalls mit einnehmen kann.
Wenn das Content2 Div ausgebelendet ist soll das Content Div natürlich auch den Platz des Content Divs einnehmen.

Alle Divs haben ein float:left und sind als Blockelemente deklariert.
Das Content DIV soll je nach dem, wie viel Platz ist die Breite zwischen den Menü und Content2 einnehmen.
Wenn ich dem Content DIV aber 100% gebe rutscht es unter das Menü DIV.

Hat Jemenad einen Anstoß für mich?

Nightflyer · 11-12-2009, 11:48

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
	<style type="text/css">

	#menu{
		float: left;
		width: 20%;
		height: 300px;
		background-color: blue;
	}

	#content_container{
		float: left;
		width: 79%;
	}
	
	#content1{
		float: left;
		width: 50%;
		height: 300px;
		background-color: red;
	}

	#content2{
		float: left;
		width: 50%;
		height: 300px;
		background-color: green;
	}

	
	</style>

	<script type="text/javascript">


	
		$(document).ready( function(){

			$('#menu').toggle(
				function(){
					$('#menu').animate( { width: '4%' }, 2000, 'swing' );
					$('#content_container').animate( { width: '96%' }, 2000, 'swing' );
				},
				function(){
					$('#menu').animate( { width: '20%' }, 2000, 'swing' );
					$('#content_container').animate( { width: '79%' }, 2000, 'swing' );
				}
			);

			$('#link').toggle(
				function(){
					$('#content1').hide();
					$('#content2').css( { width: '99%' } );
		
				},
				function(){
					$('#content1').show();
					$('#content2').css( { width: '49%' } );
				}
			);

		});


	</script>
	
</head>
<body>

	<div id="menu">
		menu
	</div>

	<div id="content_container">

		<div id="content1">
			content1
		</div>

		<div id="content2">
			content2
		</div>

	</div>
	
	<div style="clear:both;">

		<br />

		<a id="link">Hide Content 1</link>

	</div>
</body>
</html>

Titus · 11-12-2009, 11:59

Danke für Deine schnelle Antwort.
Ich hatte gehofft, dass es nur über css geht und sich der Contentbereich automatisch anpasst, wenn ich das Menü über Jquery verkleiner...

Aber dann geht es wohl nur mit manipulation des Content-Beriechs per Script.
Schönes WE!

11-12-2009, 10:56	#1 (permalink)
Titus Neuer User Registriert seit: Aug 2002 Ort: Weimar Beiträge: 36	Div mit dynamischer Breite zwischen div mit fester Breite Hallo, ich habe folgenden Aufbau: \| Menü DIV \| Content DIV \| content Div 2 \| Menüdiv hat eine feste breite, variable Höhe. Content Div soll eine variable Breite bekommen Das Content Div kann ausgeblendet sein oder hat eine feste Breite. Über jquery kann man das Menüdiv nach links raus fahren, sodass das Content-div den Platz des Menü Divs ebenfalls mit einnehmen kann. Wenn das Content2 Div ausgebelendet ist soll das Content Div natürlich auch den Platz des Content Divs einnehmen. Alle Divs haben ein float:left und sind als Blockelemente deklariert. Das Content DIV soll je nach dem, wie viel Platz ist die Breite zwischen den Menü und Content2 einnehmen. Wenn ich dem Content DIV aber 100% gebe rutscht es unter das Menü DIV. Hat Jemenad einen Anstoß für mich? __________________ frustra laborat, qui omnibus placere studet!

11-12-2009, 11:59	#3 (permalink)
Titus Neuer User Registriert seit: Aug 2002 Ort: Weimar Beiträge: 36	Also nur mit Script Danke für Deine schnelle Antwort. Ich hatte gehofft, dass es nur über css geht und sich der Contentbereich automatisch anpasst, wenn ich das Menü über Jquery verkleiner... Aber dann geht es wohl nur mit manipulation des Content-Beriechs per Script. Schönes WE! __________________ frustra laborat, qui omnibus placere studet!

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
mouseX auf MovieClip mit dynamischer Breite	Psychoinca	ActionScript 3	2	17-02-2009 16:46
dynamisches Textfeld mit fester Breite für einzelne Buchstaben	flashflush	Flash 8	1	31-10-2007 02:00
MovieClips auf fester Breite prozentual verteilen	mikolo	ActionScript 2	0	13-06-2007 13:30
mc mit fester breite	crazyMichel1	Flash Einsteiger	2	28-08-2006 21:36
Schriftart mit fester Breite	Bruder_Honk	Flash 4 und Flash 5	4	17-10-2002 15:03