Istanblueee
Cadet 3rd Year
- Registriert
- März 2009
- Beiträge
- 38
Hi Leute, ich hab n großes Problem,
und zwar habe ich das folgende Problem:
hier ist der zugehörige CSS Code
Im ie 7 verschiebt sich meine classe .productPreview nach links genauso wie die .productPreview .tshirtPreview | .productPreview .apronPreview | .productPreview .beermugPreview ist ja verständlich weil die alle zusammen an der gleichen Klasse hängen.
Ich glaube das Problem ist, dass IE 8, FF einige Befehle anders inträpetiert als die IE 7. Aber welche???
Die oberen Befehle passen im IE 8, FF, Opera 9.0, Safari 4.0 GoogleChrome perfekt nur im IE 7 nicht!
Sobald ich etwas an der CSS Datei änder, damit es im IE 7 passt, kracht es in den anderen Browsern!
Ich bin am verzweifeln, sitzt grad seit 2 Studen an diesem Problem.
Vielen Dank schon im Vorraus!
Mfg Istanblueee
und zwar habe ich das folgende Problem:
Code:
<div class="productPreview">
<div class="tshirtPreview" id="tshirtview"><img src="{$THUMBNAIL_URL1}" style="position:relative;left:-90px;top:125px;width:110px;" /></div>
<div class="apronPreview" id="apronview"><img src="{$THUMBNAIL_URL1}" style="position:relative;left:-50px;top:145px;width:50px;height:50px;" /></div>
<div class="beermugPreview" id="beermugview"><img src="{$THUMBNAIL_URL1}" style="position:relative;left:78px;top:-20px;width:150px;" /></div>
<div class="productPreviewButtons">
<a href="javascript:void(0);" onclick="productPreview('left')"><img src="./images/buttabs/round_black_arrow_left.gif" class="switchLeftButton" id="leftButton" /></a>
<span class="switchProductPreviewText" id="Productname"><strong>T-shirt</strong></span>
<a href="javascript:void(0);" onclick="productPreview('right')"><img src="./images/buttabs/round_black_arrow_right.gif" class="switchRightButton" id="rightButton" /></a>
</div>
</div>
hier ist der zugehörige CSS Code
Code:
.productPreview {
position: relative;
background-repeat: no-repeat;
top:220px;
left:0px;
width: 315px;
height: 345px;
/*border: 1px thin red;*/
}
.productPreview .tshirtPreview {
display: block;
background: url() no-repeat;
background-repeat: no-repeat;
width: 315px;
height: 344px;
}
.productPreview .apronPreview {display: none;
background: url() no-repeat;
background-repeat: no-repeat;
width: 315px;
height: 344px;
}
.productPreview .beermugPreview {
display: none;
background: url() no-repeat;
background-repeat: no-repeat;
width: 315px;
height: 344px;
}
.productPreview .productPreviewButtons {
position: relative;
background-repeat: no-repeat;
top:0px;
left:0px;
/*border: 1px thin red;*/
}
.switchLeftButton {
position: absolute;
background-repeat: repeat-x;
left:50px;
width: 17px;
height: 17px;
}
.switchProductPreviewText {
position:absolute;
width: 100%;
height:20px;
left: 120px;
}
.switchRightButton {
position:absolute;
/*background-image: url('');*/
background-repeat: repeat-x;
left: 230px;
width: 17px;
height: 17px;
}
Im ie 7 verschiebt sich meine classe .productPreview nach links genauso wie die .productPreview .tshirtPreview | .productPreview .apronPreview | .productPreview .beermugPreview ist ja verständlich weil die alle zusammen an der gleichen Klasse hängen.
Ich glaube das Problem ist, dass IE 8, FF einige Befehle anders inträpetiert als die IE 7. Aber welche???
Die oberen Befehle passen im IE 8, FF, Opera 9.0, Safari 4.0 GoogleChrome perfekt nur im IE 7 nicht!
Sobald ich etwas an der CSS Datei änder, damit es im IE 7 passt, kracht es in den anderen Browsern!
Ich bin am verzweifeln, sitzt grad seit 2 Studen an diesem Problem.
Vielen Dank schon im Vorraus!
Mfg Istanblueee
Zuletzt bearbeitet: