Css beeinflussen

[andy]

Hallo zusammen,

Auf der Seite habe ich div der mir eine Skyscreper zeigt, diese hat eine bestimmte Position Größe und Ausrichtung.
Liefert der Banner-Server aber eine Wallpaper aus soll dieser Banner etwas höher erschienen.
Der Wallpager-Banner bekommt über den Banner Server ein eigenen div "mitgegeben".
Bildlich dargestellt, könnte man das in etwa so darstellen:

1 Fall

<div id="banner1">  
	nur Skyscraper  
</div>

2. Fall

<div id="banner1">  
  
	<div id="banner2">  
		Wallpaper mit  
		css und div von Banner-Server  
	</div>	  
</div>

Die CSS zu "banner1" sieht etwa so aus:

#banner1{  
	float: right;  
	width: 150px;  
	padding-top: 10px;  
	margin: 8px 0px 0px 1px;  
}

Die CSS zu "banner2" sieht etwa so aus:

#banner2{  
	float: right;  
	padding-top: 0px;  
	position: relative;  
	top: -238px;  
	left: 75px;  
	width:160px;  
	height: 600px;  
}

Meine Frage, wie kann ich die erste Klass "banner1" beeinflussen, wenn der Wallpapaer ausgeliefert wird?
Ich möchte die Breite verringern.

grüße
andy

[suit]

Mit JavaScript ist das möglich - mit CSS nicht, du kannst kein Element aufgrund seiner Kinder selektieren - dafür wäre ein Elternselektor (bzw. Kombinator) nötig, den es angeblich niemals geben wird - die CSS Working Group lehnt das immer wieder mit Performancegründen ab - obwohl das selbst einfache JavaScript-Selektor Engines ohne nennenswerte Performanceeinbrüche hinbekommen.

Da ich davon ausgehen, dass die Bannergeschichte ohnehin mit JavaScript funktioniert, dürfte das kein Problem sein.