Avatar billede mr_bula Nybegynder
24. januar 2006 - 20:21 Der er 5 kommentarer og
2 løsninger

Ikke ens i IE og FF!

Hej alle kloge hoveder,

Et typisk problem for mig når jeg koder/designer er, at få det til at se ens ud i IE og FF. Plejer selv at kunne løse det men denne gang må jeg krybe til korset og spørge om hjælp ;)

Tjek nedenstående link... Åben det først i IE, det er sådan det skal se ud. I FF laver den et lille mellemrum mellem billedet og borderen! Hvordan kan jeg løse det??
LINKET: http://dinbror.dk/test/testtest.html

Mit stylesheet ser sådan ud:

html body {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: Silver;
    border: none;
}
#tabel2 {
    width:  590px;
    height: auto;
}
#links {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
}
.kasse {
    background-color: #FFCC66;
    width: 430px;
    height: 74px;
    border: thin dashed #333333;
}
.kasse_billed {
    border: none;
    width: 110px;
    height: auto;
}
.kasse_tekst {
    border: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
}
Avatar billede Slettet bruger
25. januar 2006 - 00:18 #1
Prøv lige dette:

..................................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>WE ALL LOVE MR BULA</title>
        <link href="stylesheet2.css" type="text/css" rel="Stylesheet" >
    </head>


<body>
<div>
                        <table border="0" cellpadding="0" cellspacing="0" id="tabel2">
                            <tr>
                                <td width="466px">
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>

                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>
                        </tr>
                    </table><br />

                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>

                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>

                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>
                        </tr>
                    </table><br />

                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed"><img src="thumbs/1.jpg" alt="1" ></td>
                            <td class="kasse_tekst">Lorem ipsum dolor sit amet</td>
                        </tr>
                    </table></td>
                                <td id="links" valign="top"><b>Links</b><br >
                                <a href="#">link 1</a><br >

                                <a href="#">link 2</a></td>
                            </tr>
                        </table>
                    </div>

</body>

</html>
Avatar billede mr_bula Nybegynder
25. januar 2006 - 10:49 #2
Hmmm ja det hjælper når du ændre doc typen, men det burde da også kunne lade sig gøre ved xhtml 1.0????
Avatar billede Slettet bruger
25. januar 2006 - 11:32 #3
Ja'eee - bl a. der er stor forskel på HTML og XHTML - det er nu ikke lige til at forklare med få ord , hvorfor jeg anbefaler dig at læse disse 2 artikler - så ser du 'måske' indtil videre lidt anderledes på det - Der er jo ikke nogen grund til at gøre det mere besværligt end nødvendigt - vel....

http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538
Avatar billede mr_bula Nybegynder
25. januar 2006 - 12:10 #4
Jeg har læst artiklerne, og er ikke helt enig derfor har jeg bibeholdt altid at kode i xhtml 1.0 indtil 2.0 kommer!

Problematikken med at IE går i quicksmode mens FF, NS mm. er i standard mode, og det dermed er svært at få ens side til at se ens ud i de forskellige browsere, løser jeg jf w3 med at man benytter sig af en "content negotiation"! Hvor man spørger browseren, om den forstår application/xhtml+xml. Hvis den gør, sender man ens siden som XHTML 1.0 Strict(med contenttypen application/xhtml+xml).
Hvis ikke sendes siden som XHTML 1.0 Strict med content-typen text/html.
Avatar billede mr_bula Nybegynder
25. januar 2006 - 12:21 #5
ibtage: havde ikke lige set at de var dig som skrev. Smid et svar igen - du skal selvfølgelig have nogle point for at vise mig en løsning som virker...

Nogle der kan løse problemet i xhtml?
Avatar billede Slettet bruger
25. januar 2006 - 12:51 #6
Det kommer her
Avatar billede mr_bula Nybegynder
26. januar 2006 - 15:25 #7
Lukker og slukker
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