External Style Sheet ændre på designet.

Tags:    html css

Hej igen.
Jeg har et lille problem med en fanside på facebook. Designet virker fint i Firefox og Chorme, men man bliver nød til at linke til en external Style sheet for at den virker i IE også.

Problemet er bare at den nu ikke viser alle tingene ved designet.

Som I kan se, så er baggrundsbilledet væk. Brødteksten er grå og ikke hvid, samt den lilla baggrund ved de nederste billeder væk.

- Jeg har selv brugt en del timer, men kan simpelthen ikke finde løsningen. Nu er jeg dog heller ikke ekspert, selvom løsningen er lige til.

Tak for alle råd der skulle komme!



Indlæg senest redigeret d. 06.10.2010 21:43 af Bruger #11207
7 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Må du have <head> tags med i Facebook-HTML? prøv at sætte dit <link> alene, uden <head>-tags.


Det kan da godt være at det virker i f.eks. IE at have <link> i en body section, men der hører den altså ikke hjemme. <link> skal ALTID være i en head section.

Som sagt bør der ikke være <style> i en eksternt CSS. Hvis du bruger <style> internt, og IE ikke viser det korrekt, har du husket at tilføje <style type="text/css"> ? For hvis ikke, så er det ikke sikkert at IE kan finde ud af, at det er CSS, der er i containeren, og derfor ikke viser det korrekt.

Edit: Hvis ikke det virker, kan du prøve at tilføje !important efter de styles, der fejler. Nogle af dine ref's er ret simple, og facebook har helt sikkert nogle som er sat først. !important får css til at overskrive alle tidligere styles sat til et element.

Kender du ikke til !important, er her et eksempel:

Fold kodeboks ind/udCSS kode 




Indlæg senest redigeret d. 04.10.2010 00:23 af Bruger #7662
Ved jeg ikke, men du skal ikke have nogen tags overhovedet i en ekstern style sheet. Prøv og fjern <style> og </style> fra det eksterne stylesheet.



Indlæg senest redigeret d. 03.10.2010 14:22 af Bruger #14645
Må du have <head> tags med i Facebook-HTML? prøv at sætte dit <link> alene, uden <head>-tags.



Ved jeg ikke, men du skal ikke have nogen tags overhovedet i en ekstern style sheet. Prøv og fjern <style> og </style> fra det eksterne stylesheet.

Jeg fjernede <style> </style>, men ingen ændring der. Tak for forslaget ellers.



Må du have <head> tags med i Facebook-HTML? prøv at sætte dit <link> alene, uden <head>-tags.


Det kan da godt være at det virker i f.eks. IE at have <link> i en body section, men der hører den altså ikke hjemme. <link> skal ALTID være i en head section.

Så hvis vi antager at jeg har ret, at man ikke må have head-tags i sin Facebook-markup(jeg har intet at have det i, det er et vildt gæt, for udover <style> tagsne ser det ud til at være somd et skal), så er det bedre at have en applikation der virker, end at smudse sin markup til? :)







Indlæg senest redigeret d. 09.12.2010 23:18 af Bruger #11207
Steffan, din løsning virkede perfekt!
Tak.



t