✔ Positionierungsprobleme im IE

  • Themenstarter Themenstarter Crunchip
  • Beginndatum Beginndatum
C

Crunchip

Hallo ich habe ein kleines problem mitm ie. Und zwar sollen neben einem div element ein anderes angezeigt werden im ff geht das auch wunderbar nur bei ie hab ich probleme und der verschiebt das ganze nach unten. Hier der link zur Seite: www.loungeact.de
und hier dann noch der code
CSS:
Code: 
@charset "utf-8";
/* CSS Document */

#bild
	{
		width: 900px;
		height: 1785px;
		margin: auto;
		background:url(band.jpg) no-repeat center;
	
	}
	
#player
	{
		padding-left: 425px;
		padding-top: 105px;
		
	}
	
#bild1
	{
		padding-left: 73px;
		padding-top: 130px;
	}

#slideshow
	{
		float:left;
		padding-left: 34px;
		padding-top: 70px;
	}
	
#video 
	{
		float:left;
		padding-left: 30px;
	}

#link1
	{
		float: none;
		padding-left: 543px;
		padding-top: 200px;	
	}

#link2
	{
		float: none;
		padding-left: 543px;
		padding-top: 65px;	
	}
	
#link3
	{
		float: none;
		padding-left: 543px;
		padding-top: 65px;	
	}

#link4
	{
		float: none;
		padding-left: 543px;
		padding-top: 70px;	
	}
	
#link5
	{
		float: none;
		padding-left: 543px;
		padding-top: 75px;	
	}

und hier der dazugehörige html code:

HTML: 
<div id="bild1">
<img onmouseover="(src='bto_gr.jpg')" onmouseout="(src='bto.gif')" src="bto.gif" alt="" border="0">
</div>
<!-- Foto Slideshow Start -->
<div id="slideshow">
<embed type="application/x-shockwave-flash" allowscriptaccess="never" allownetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=452388561" wmode="transparent" flashvars="culture=de-DE" width="445" height="230"></embed>
</div>
<!-- Foto Slideshow Ende -->
<!-- Video Start -->
<div id="video">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/aZ_VM7EkztQ&hl=de&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aZ_VM7EkztQ&hl=de&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
</div>
<!-- Video Ende -->
<div id="link1">
<a href="http://www.loungeact.de" target="_blank" ><img src="bto1.gif"   /> </a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.gala-act.de" target="_blank"><img src="bto1.gif"  /> </a>
</div>
<div id="link2">
<a href="http://www.cocktail-trio.de" target="_blank" ><img src="bto1.gif"  /> </a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.charlotte-cocktail-trio.de" target="_blank"><img src="bto1.gif"  /> </a>
</div>
<div id="link3">
<a href="http://www.classic-act.de" target="_blank" ><img src="bto1.gif"  /> </a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.bto-bigband.de" target="_blank"><img src="bto1.gif"  /> </a>
</div>
<div id="link4">
<a href="http://www.beat-act.de" target="_blank" ><img src="bto1.gif"  /> </a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.classic-duo.de" target="_blank"><img src="bto1.gif"  /> </a>
</div>
<div id="link5">
<a href="http://www.swingtette-de-paris.de" target="_blank" ><img src="bto1.gif"  /> </a>
</div>

Ich hoffe mir kann hier schnellstmöglich einer helfen mit meinem problem. Und bitte nur auf das Problem eingehen und nicht auf irgendwelche anderen dinge die man hätte besser machen oder anders machen könn.
Danke

LG
Crunchip
 
ich habe aber noch version 6 und da ist es so kann man das für den browser irgendwie machen das es da auch geht. weil die links hinter den bildern sollten schon auf dem richtigen bild liegen
 
Zunächst mal möchte ich dich darum bitten, in deinen Folgebeiträgen auf unsere Netiquette (Punkt 15) bzgl. der deutschen Rechtschreibung zu achten. Vielen Dank!

Mit einem Conditional Comment hast du die Möglichkeit, eine Fehlerkorrektur für den IE6 vorzunehmen.

mfg Maik
 
Tut mir leid wegen der Netiquette. Werde versuchen das in Zukunft besser hin zu kriegen.
Könntest du mir sagen wie man das genau macht. hab darin leider noch nicht so viel erfahrung. Vielleicht könntest du mir das schreiben wie man es am besten machen kann das es funktioniert. Sollte dann aber nicht nur in der 6er Version sondern auch in der 7er Version funktionieren.
Das wäre echt lieb.

Lg
Crunchip
 
Im IE7 funktioniert soweit eh alles ;-)

Wieso frägst du nach der Vorgehensweise, wenn du schon im Besitz solch eines "Conditonal Comments" und IE6-Stylesheets bist?

HTML: 
<!--[if IE 6]>
	<link rel="stylesheet" href="explorer.css" type="text/css" />
<![endif]-->
http://www.loungeact.de/explorer.css


mfg Maik
 
Ich weiß aber nicht was ich in der Datei ändern soll das es alles richtig anzeigt.
Könntest du mir da evtl weiterhelfen. Hab schon einiges ausprobiert nur bekomme ich die Links nicht neben die Slideshow. Warum auch immer.
 
Sprichst du von den blauen Linkumrandungen?

Dann schau dir das mal zum Vergleich im Firefox-Browser an.

Oder mit anderen Worten: Die Positionierungsprobleme beschränken sich nicht nur auf den IE :-)

mfg Maik
 
Ja genau es geht um die Umrandung. aber im Firefox werden diese bei mir richtig angezeigt. Liegen zwar nicht zu 100% drüber aber so reicht das. Nur im IE bekomme ich die blauen Umrandungen einfach nicht neben diese Slideshow. Woran liegt das? Also die kleinen Bilder sollen verlinkt werden. Ich habe das ganze Bild als .jpg bekommen und nur ne transparente Hintergrundgrafik hinter die einzelnen Bilder die verlinkt werden sollen gelegt. Aber im IE verschieben die sich dann so das sie nicht mehr auf dem Bild liegen sondern weit unten drunter und wenn ich sie mit paddin-top ausrichte dann bekomme ich sie nur bis genau unter diese Slideshow. Habe schon alles mir erdenkliche ausprobiert aber leider klappt das alles nicht.
Hoffe mir kiann hier noch jemand helfen.

mfg
Crunchip
 
Also nach meinem gesunden Augenmaß erkenne ich da jetzt keinen Unterschied zwischen Firefox (2.0.x, 3.0.x, 3.5.x) und IE (6, 7, 8) - in allen sind die einzelnen Linkumrandungen deckungsgleich verschoben.

Von daher würde ich mal an deiner Stelle die CSS-Formatierung der Seite von Grund auf überdenken und neu aufsetzen.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück