wie bekommt man so ein design hin ?

[CRAIX]

Morgen @all,

so ich habe mir mal im Internet die Seite angeschaut von " Nero " dabei ist mir was aufgefallen.
Wen ich die Webseite mit einer Auflösung von 1024 x 768 anschaue ist sind an der rechten Seite einige Bilder zu sehen.
schaue ich sie mir mit 800 x 600 an so sind da keine Bilder mehr zu sehen.
Wie bekommt man das hin das wen man eine größere Auflösung nimmt rechts was zu sehen ist und bei einer kleineren Auflösung fällt die ganze rechte Seite weg.
Also eins habe ich schon mit bekommen, sie arbeiten dort mit Div Boxen, nur wie schafft man so etwas damit zu lösen ?
Ich würde so etwas gerne mal nachbauen, also würde ich mich freuen wen mir jemand das etwas genauer erklären könnte bitte einmal.

Hier mal der Link den ich meine : http://www.nero.com/deu/index.html

Ich bedanke mich schon mal DANKE !!!

moinsen,
die schmeissen die rechte spalte bei zu kleinem viewport einfach per javascript raus.

function AdjustWidth( loaded )
{
	if( d.getElementById && (app.indexOf("MSIE 5")==-1) )
	{
		var w = document.body.clientWidth;
		var c = d.getElementById( "container" );
		if( w < tresholdWidth )
		{
			c.setAttribute("style","width: 780px !important" );
			c.style.width = "780 px";
			if( loaded )
			{ 
				contentDiv = d.getElementById("content");
				rightDiv = d.getElementById("right");
				
				for( i=0 ; i<rightDiv.childNodes.length; i++ )
				{
					contentDiv.appendChild( rightDiv.childNodes[i] );
				}
			}
			wideScreen = false;
		}
		else if( w > tresholdWidth && wideScreen == false )
		{
			c.setAttribute("style","width: 970px !important" );
			c.style.width = "970px";
			if( loaded )
			{
				divList = d.getElementById("content").getElementsByTagName("div");
				rightDiv = d.getElementById("right");
				
				if( divList.length > 0 )
				{
					rightDiv.innerHTML = "";
					for( i=0; i<divList.length; i++ )
					{
						var classAttribute =  divList[i].attributes.getNamedItem("class");
						
						if( classAttribute == null )
						{
							continue;
						}
						
						if( classAttribute.value == "include-dynamic" || classAttribute.value == "include-right" )
						{
							if( divList[i].parentNode != rightDiv )
							{
								rightDiv.appendChild( divList[i]);
								i--;
							}
						}
					}
				}
				else
				{
					// bugfix for firefox/opera
					if( rightDiv.firstChild.nodeType != 1 )
					{
						rightDiv.firstChild.nextSibling.style.display = "block";	
					}
					else
					{
						rightDiv.firstChild.style.display = "block";	
					}
				}
				wideScreen = true;
			}
		}
	}
}

sehr unschick

[CRAIX]

Danke ingo....

Gibt es da noch andere Möglichkeiten das zu machen außer mit JavaScript ?

[Strogij]

Z.B. mit PHP. Voraussetzung wäre allerdings: PHP muss die Auflösung von JS erfahren. Bei bestimmter Größe gibst du den HTML Teil einfach aus/nicht aus. Nachteil dabei: Du kannst beim Verkleinern/Vergrößern des Fensters nicht diesen Effekt wie es jetzt bei JS ist betrachten.

[rewboss]

Zitat von Strogij

Z.B. mit PHP. Voraussetzung wäre allerdings: PHP muss die Auflösung von JS erfahren.

Was natürlich nur bedingt funktioniert, denn bis der Browser dazu kommt, das JavaScript auszuführen, hat der Server längst damit aufgehört, das PHP auszuführen.

[Strogij]

Musst da natürlich umleiten oder refreshen, klar.