Avatar billede dingkee Nybegynder
28. november 2006 - 15:58 Der er 6 kommentarer

Problemer med opsætning i Firefox

Hej,

Jeg har lige uploadet en ny side, og fået afvide at den ser pænt dårligt ud i firefox til PC... Jeg bruger selv mac og safari, og her ser det rigtig godt ud...

Nogen der kan sige mig hvorfor de forskellige elementer ikke står på deres rigtige sted i firefox??

Her er et link:

http://www.lucir.dk/collection.php?kat=1&id=1

F.eks. skal thumb'ene i bunden stå mit i den brune bar
Avatar billede stenger Nybegynder
28. november 2006 - 16:50 #1
Det ville være lidt nemmere at hjælpe, hvis du postede indholdet af din CSS... :)
Avatar billede onkel_satan Nybegynder
28. november 2006 - 17:00 #2
stenger: css indholdet kan du finde her: http://www.lucir.dk/css/css.css

dingkee: Med thumb'ene i bunden går jeg ud fra du mener 'thumb-tekst' divs.
Da 'thumb-tekst' er floated kan skal de enten floates til venstre eller højre. Der findes ikke nogen Float: center. Men da 'pruduct-thumb' feltet (som indeholder 'tekst-thumb') fylder en 2/3 af pladsen fra vestre passer det meget godt med at hvis du right floater 'tekst-thumb' kommer de ca. til at stå i midten. Lige lidt til venstre for 'Lucir, eternal beauty' billedet.
Avatar billede onkel_satan Nybegynder
28. november 2006 - 17:04 #3
Eller skal det se ud som i IE ?
Avatar billede dingkee Nybegynder
28. november 2006 - 22:15 #4
Hej, det skal se ud som i IE...
Avatar billede dingkee Nybegynder
28. november 2006 - 22:49 #5
Nu har jeg fået det til at se rigtigt ud i firefox, men så ser det tilgengæld forkert ud i safari...

Det er ligesom at der hvor de thumb's skal vises læser den placeringen forskelligt alt efter hvilket af programmerne der læser siden...

Her er lidt kode:

<div id="produkt-thumb">
                   
                        <div id="thumb-tekst">
                            <a href="collection.php?kat=2&id=2"><img class="farver" src="images/505t.jpg" border="1" alt="" /></a><br />
                            art 505
                        </div>
                       
                        <div id="thumb-tekst">

                            <a href="collection.php?kat=2&id=3"><img class="farver" src="images/508t.jpg" border="1" alt="" /></a><br />
                            art 508
                        </div>
                       
                        <div id="thumb-tekst">
                            <a href="collection.php?kat=2&id=4"><img class="farver" src="images/513t.jpg" border="1" alt="" /></a><br />
                            art 513
                        </div>
                                        </div>

css:
#produkt-thumb-header {
  width                : 600px;
  height            : 125px;
  margin-top        : 430px;
  margin-left        : 32px;
}
/** Produkt Thumb*/
#produkt-thumb {
  width                : 600px;
  height            : 125px;
  margin-top        : 500px;
  margin-left        : 32px;
}
#thumb-tekst{
    color            : #ffffff;
    font-size        : 10px Verdana;
    text-align        : center;
    height            : 60px;
    width            : 55px;
    float            : left;
}


Det er lige som den læser alt det nederste af siden forkert i firefox
Avatar billede dingkee Nybegynder
29. november 2006 - 19:30 #6
Er der ikke nogen der ved hvad der kan være galt??

Det er ligesom firefox placere tingene forkert pga. billederne, for hvis jeg fjerner billederne, står det perfekt...
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