✔ Problem mit CSS Design und Myspace (positioning im IE)

Das klappt leider nicht

eigentlicher Style
</style>
<!--[if IE]>
<style type="text/css">
.form { left:-400px; }
td.text object {position:absolute; top:1000px; left:50%; margin-left:-140px; z-index:9; }
</style>
<![endif]-->


Die Änderung nimmt mien IE aber leider nicht.
 
Also lokal funktioniert es bei mir im IE tadellos.

Nur hab ich nicht "-400px", sondern gefühlte "40px" als linke Startposition für die Klasse .form ermittelt :)

mfg Maik
 
Nein, der Player bewegt sich auch nicht ;(

Mir geht der IE gewaltig auf die nerven und MySpace auch *g*.


Ah, kann es sein das der IE das nicht versteht weil ich die CSS Sachen nicht im <head> mit drinnen habe?
 
Naja, wenn du die Position des Players für den IE anpassen willst, muß dies auch in dieser Zeile explizit geschehen, ansonsten bleibt ja in der CSS-Regel alles beim Alten, und der "Conditional Comment" ist so überflüssig wie ein "Kropf am Hals".

mfg Maik
 
Das sind dann wieder die MySpace Probleme.

Ich kann das CSS nur an wenigen Stellen ändern, und die sind mitten in der Seite, bzw im QC von der Seite. Das CSS was ich an der Stelle einfüge legt dann Quasi eine 2. Seite über die eigentliche MySpace Seite. Alles etwas kompliziert und durch die Brust ins Auge aber MySpace erlaubt das anders leider nicht.

Naja, falls du noch eine Idee hast wie ich das für den IE fixen kann wäre das toll, an sonsten danke ich dir für die Mühe.

MfG

Kyp
 
Code: 
<!--[if IE]>
<style type="text/css">
.form { left:40px; }
td.text object {position:absolute; top:1000px; left:50%; margin-left:-50px; z-index:9; }
</style>
<![endif]-->

... kann sich bei mir im IE sehen lassen.

mfg Maik
 
Um hier etwaigen Mißverständnissen vorzubeugen: Funktioniert dieser Code-Schnipsel nicht in Myspace?

Code: 
/* Ab Zeile 658 */
<style>
body {background-color:1a1a1a; background-image:url(http://tully.jindujun.de/ssb_n/spacer_g.jpg); background-position:Top; background-attachment:fixed; background-repeat:repeat;}
Table, Td { background-color:1a1a1a; border-style:none; }
table table td { width:100%; }
table table table table td { width:auto; }
table table table {background-color:1a1a1a; background-position:Top; background-repeat:no-repeat; border-color:000000; border-style:none; border-width:0; padding:4px;}
table table table table{ background-image:none; background-color:transparent; border-style:none; }

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:666666; font-size:12pt; font-weight:bold; font-style:normal; font-family:arial,verdana,sans-serif;}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:666666; font-size:10pt; font-style:normal; font-family:arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:666666; font-size:10pt; font-style:normal; font-family:arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:666666; font-size:10pt; font-style:normal; font-family:arial,verdana,sans-serif;}


.contend{position:absolute; left:50%; top:160px; width:1000px; z-index:1; margin-left:-500px; background-color:1a1a1a; }

.r{}
.logo  {background-color:ffffff; position:absolute; top:720px; left:30px; width:320px!important; z-index:2; }

.r{}
.n1{z-index:2; position:absolute; left:30px; top:530px; }
.n2{z-index:2; position:absolute; left:30px; top:557px; }
.n3{z-index:2; position:absolute; left:30px; top:584px; }
.n4{z-index:2; position:absolute; left:30px; top:611px; }
.n5{z-index:2; position:absolute; left:825px; top:530px; }
.n6{z-index:2; position:absolute; left:825px; top:557px; }
.n7{z-index:2; position:absolute; left:825px; top:584px; }
.n8{z-index:2; position:absolute; left:825px; top:611px; }

.r{}
.shows {background-color:ffffff; position:absolute; top:720px; left:370px; z-index:2; }

.r{}
.r{}* {background-color:transparent;}*/

.r{}
.bandbilder  {position:absolute; top:1250px; left:40px; z-index:4; }

.r{}
.slide {position:absolute; top:1260px; left:448px; z-index:4; }

.r{}

.r{}
.form {position:absolute; top:1880px; left:-165px; z-index:5; }
.submit {position:absolute; top:2050px; left:60px; z-index:6; }

.r{}
.fuss {position:absolute; top:2093px; left:4px; z-index:5; }

.r{}
.r{}
.friendSpace{background-color:ffffff; position:absolute; top:1680px; left:55%; margin-left:-225px; z-index:6; }
.friendSpace td a {visibility:visible; font-size:10px; letter-spacing:0px; }
.friendSpace td a img {visibility:visible; }
.a {set the size of the pics to the same size }
.friendSpace td a img {width:70px; height:80px; }
.a {remove space between friends }
.friendSpace table .friendSpace td {background-color:ffffff; width:10px; padding:1px; }
.friendSpace td td td {background-color:ffffff; line-height:10px; }
.a {remove borders around friends pics }
.friendSpace td a img {border:0px; }
.a {remove online now indicators under friends }
.friendSpace .ImgOnlineNow {display:none; }

.r{}
.friendsComments {position:absolute; top:2370px; left:50%; margin-left:-200px; width:500px!Important; height:300px!Important; overflow:auto; border:3px!Important; }

.r{}
table { margin:0 auto; text-align:left; width:800px; }
table table { width:auto; }

.r{}
.katamari {http://abrax.us/bbz/MyspaceSongPlayer.php; }
.a {position artist/band player; }
td.text object {position:absolute; top:520px; left:50%; margin-left:-140px; z-index:9; }
td.text td td object {position:static; margin-left:0px; }

</style>
<!--[if IE]>
<style type="text/css">
.form { left:40px; }
td.text object {position:absolute; top:1000px; left:50%; margin-left:-50px; z-index:9; }
</style>
<![endif]-->


mfg Maik
 
Hi,

mySpace ist da rigoros und filtert alle Kommentare aus dem eingegebenen Quellcode. Ebenso zum Beispiel die Doppelraute zum Ansprechen von IDs oder zur Angabe hexadezimaler Farbwerte. Damit hatte ich anfangs ebenfalls so einige Probleme.

Ich versuche es meist über folgende Variante:
Code: 
/* Allgemeine Angaben und Angaben für den IE */
.form {position:absolute; top:180px; left: 40px; z-index:5;}
/* Angaben für moderne Browser (Prinzip: Überschreiben der IE-spezifischen Angaben) */
div[class=form]{
  left:-165px;
}
Damit solltest du die gängigsten modernen Browser abdecken. Bei allen anderen musst du einfach Abstriche machen - sollte aber kaum ins Gewicht fallen. Zudem würde ich mutmassen, dass die Besitzer solcher UserAgents sowieso nicht auf mySpace zu finden sind.

[EDIT]
Ansonsten geht es in diesem Fall vielleicht viel einfacher:
Code: 
/* Allgemeine Angaben */
.form {position:absolute; top:180px; left: -165px; z-index:5;}
/* Korrigierende Angaben für den IE */
* html .form {left: 40px;}
[/EDIT]

Ciao
Quaese
 
Quaese hat gesagt.:
mySpace ist da rigoros und filtert alle Kommentare aus dem eingegebenen Quellcode. Ebenso zum Beispiel die Doppelraute zum Ansprechen von IDs oder zur Angabe von hexadezimalen Farbwerten. Damit hatte ich ebenfalls schon so einige Probleme.
Zum Vergrößern anklicken....
Danke Quaese, als nicht-myspace-Nutzer lernt man nie aus ;-)

mfg Maik
 
Ah, super das Comment Feld hab ich nun verschoben, sau cool.

Bekommst du das auch noch für den Player hin? *g*


.katamari {http://abrax.us/bbz/MyspaceSongPlayer.php; }
.a {position artist/band player; }
td.text object {position:absolute; top:520px; left:50%; margin-left:-140px; z-index:9; }
td.text td td object {position:static; margin-left:0px; }

Danke vielmals

Kyp
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück