Avatar billede _eksperten_ Nybegynder
12. november 2005 - 18:28 Der er 21 kommentarer

IE bg-position fix..

Hey peeps !
Problemet er følgende: Baggrunden skal til alle tider stå perfekt til logoet. Det gør den i Firefox, men det fungerer ikke optimalt i IE. Hvilket jeg får til at IE fejlfortolker. Jeg håber i kan hjælpe mig med et fix.

Se følgende link: http://kingsize.1go.dk/eks.htm
Avatar billede or.han Nybegynder
12. november 2005 - 18:49 #1
Prøv at sætte padding til 0
Avatar billede or.han Nybegynder
12. november 2005 - 18:58 #2
Nåh det hjalp ikke noget. Men jeg vil bare sige at det er meget svært at få logoet og baggrunden til at passe helt præcist i dette tilfælde...
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 18:58 #3
Læg mærke til at det kommer an på hvor stort browservinduet er sat, om det vises ordenligt eller ej.

or.han > virker ikke..
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 18:59 #4
Ja, men det passer som sagt meget fint i Firefox. Håber bare på at der er lavet en eller anden form for fix til IE.
Avatar billede or.han Nybegynder
12. november 2005 - 18:59 #5
Og det er altså en ret dårlig baggrund. Jeg kan ikke se på den i længere tid...
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:01 #6
Nej, det er også taget ud af kontekst :)
Avatar billede or.han Nybegynder
12. november 2005 - 19:03 #7
sjovt.. det her virker i IE men ikke i FF. Du kan vel godt se at det ikke holder, når det gælder få 1px...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Blahh</title>
   
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body,html {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background-image:url("eks.gif");
    background-repeat:repeat;
    background-color:#FFF;
}

.logo {
    background-image:url('logo_652.gif');
    background-position:top center;
    background-repeat:no-repeat;
    width:100%;
    height:260px;
    margin:0;
    padding:0;
}
</style></head>

<body>
<div class="logo"></div>
</body></html>
Avatar billede or.han Nybegynder
12. november 2005 - 19:04 #8
"når det gælder få px" skulle der stå
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:06 #9
For mig virker det hverken i IE eller FF.
Avatar billede or.han Nybegynder
12. november 2005 - 19:07 #10
Bare så du ved det, så centrer "top center" i forholdet til div'ens bredde, så det hjælper jo ikke noget at sætte bredde til billedets bredde.
Avatar billede or.han Nybegynder
12. november 2005 - 19:08 #11
Ja, som du kan se, holder det altså ikke. Der kan sagtens være en løsning på det, men umiddelbart vil jeg sige at der vil være en lille forskel på browserne..
Avatar billede or.han Nybegynder
12. november 2005 - 19:09 #12
Du kunne da bare lave alt det som er rundt om det hvide på billedet til at være transparent...
Avatar billede or.han Nybegynder
12. november 2005 - 19:10 #13
Ved du hvad jeg mener?
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:16 #14
i den sammenhæng jeg bruger "top center" er ved tegning af den store baggrund.. Der sørger jeg for at den bliver tegnet på midten af div, så jeg er sikker på at det kommer til at passe, hvis da CSS bliver fortolket ordenligt, som i FF. Grunden til dette er at billedet er 652px bredt og baggrunden er 4px bred altså tegnes den 163 gange. Håber du forstår mig...

Ja, og den lille forskel mellem browserne, ser jeg som en fejl i IE.
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:18 #15
Ja, jeg kan godt se hvad du mener. Jeg har også tænkt på den løsning, men jeg holder stadig ved at det ville være en bedre løsning, hvis man kunne få et fix til IE.
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:19 #16
Er du sikker på at det du skrev tidligere virker i IE ? Jeg prøvede en copy-paste, men fik det ikke til at virke.
Avatar billede or.han Nybegynder
12. november 2005 - 19:20 #17
Jamen hvis nu jeg minimerer vinduet ændrer det sig og det ser også forkert ud i FF...
Avatar billede or.han Nybegynder
12. november 2005 - 19:20 #18
Ja det virkede for mig i IE..
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:25 #19
Det er godt nok underligt..For mig virker min egen perfekt i FF, men ikke i IE. Og din virker slet ikke i nogen af dem.. :|
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:45 #20
Avatar billede _eksperten_ Nybegynder
12. november 2005 - 19:47 #21
For mig fungerer de således:
eks - virker i FF, men ikke i IE.
eks2 - virker hverken i FF eller IE.
eks3 - virker i FF, men ikke i IE.
eks4 - virker i FF, men ikke i IE.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester