Avatar billede icecube Nybegynder
22. februar 2007 - 14:39 Der er 5 kommentarer

Sidens opsætning i IE & FF

Right.. Så mit problem er, at jeg har en hjemmeside der ser vidt forskellig ud alt efter om man åbner den i Internet Explorer, eller FireFox - og pointen er jo selvfølgelig at den skal være ens i begge zomg :P

Siden er lavet ved hjælp af photoshop (nemt nemt) - og jeg har efterfølgende kørt den i gennem på validator.w3.org så godt jeg nu kunne... Men som det ses, er resultatet stadig ikke tilfredsstillende ;/~~

www.frvnetcafe.dk/ehp2

Det bedste resultat jeg er kommet frem til i Firefox ved at rette på lidt kode er dette: www.frvnetcafe.dk/ehp2/index2.html
Men det er stadig bare ikke helt godt nok ;(
Avatar billede mstorgaard Praktikant
22. februar 2007 - 15:01 #1
Prøv at sætte style="padding: 0px;" på dine <td>, fx <td style="padding: 0px;">
Avatar billede icecube Nybegynder
22. februar 2007 - 21:59 #2
Det virkede desværre ikke ;/
Avatar billede mstorgaard Praktikant
22. februar 2007 - 22:19 #3
Jeg prøver lige at ændrer indstillinger til styles, så ser jeg lige om det fungerer (:
Avatar billede mstorgaard Praktikant
22. februar 2007 - 22:51 #4
Nu har jeg rettet lidt i koden, men der er stadig nogle fejl :/

<center>
<table id="Table_01" style="border-collapse: collapse; border: 0px; height: 202px; width: 800px; text-align: center;">
    <tr>
        <td style="padding: 0px; width: 800px; height: 185px; background: url(index2_files/index_01.jpg) no-repeat;" colspan="14">&nbsp;</td>
    </tr>
    <tr>
        <td style="padding: 0px; width: 11px; height: 17px; background: url(index2_files/index_02.jpg) no-repeat;" rowspan="2">&nbsp;</td>
        <td style="padding: 0px; width: 48px; height: 11px; background: url(index2_files/index_03.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/index.htm"><img src="images/spacer.gif" style="border: 0px; width: 47px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 81px; height: 11px; background: url(index2_files/index_04.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/testt.htm" target="iframe"><img src="images/spacer.gif" style="border: 0px; width: 80px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 92px; height: 11px; background: url(index2_files/index_05.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/members.htm"><img src="images/spacer.gif" style="border: 0px; width: 91px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 104px; height: 11px; background: url(index2_files/index_06.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/clanwars.htm"><img src="images/spacer.gif" style="border: 0px; width: 103px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 92px; height: 11px; background: url(index2_files/index_07.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/tagwall.htm"><img src="images/spacer.gif" style="border: 0px; width: 91px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 99px; height: 11px; background: url(index2_files/index_08.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/sponsors.htm"><img src="images/spacer.gif" style="border: 0px; width: 98px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 66px; height: 11px; background: url(index2_files/index_09.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/press.htm"><img src="images/spacer.gif" style="border: 0px; width: 65px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 80px; height: 11px; background: url(index2_files/index_10.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/events.htm"><img src="images/spacer.gif" style="border: 0px; width: 79px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 58px; height: 11px; background: url(index2_files/index_11.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/links.htm"><img src="images/spacer.gif" style="border: 0px; width: 57px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 61px; height: 11px; background: url(index2_files/index_12.jpg) no-repeat;"><a href="http://www.frvnetcafe.dk/ehp2/admin.htm"><img src="images/spacer.gif" style="border: 0px; width: 60px; height: 10px;"></a></td>
        <td style="padding: 0px; width: 8px; height: 17px; background: url(index2_files/index_13.jpg) no-repeat;" rowspan="2">&nbsp;</td>
    </tr>
    <tr>
        <td style="padding: 0px; width: 781px; height: 6px; background: url(index2_files/index_14.jpg) no-repeat;" colspan="10">&nbsp;</td>
    </tr>
  </table>
  <table id="Table_02" style="border-collapse: collapse; border: 0px; height: 399px; width: 800px; text-align: center;">
    <tr>
        <td style="padding: 0px; width: 3px; height: 398px; background: url(index2_files/index_15.jpg) no-repeat;" rowspan="2">&nbsp;</td>
        <td style="padding: 0px; width: 794px; height: 366px;" colspan="12"><iframe src="index2_files/news.htm" name="News - #Eternity.cs" style="margin: 0px; width: 794px; height: 360px; text-align: center; overflow: auto;" frameborder="no"> </iframe></td>
        <td style="padding: 0px; width: 3px; height: 398px; background: url(index2_files/index_17.jpg) no-repeat;" rowspan="2">&nbsp;</td>
    </tr>
    <tr>
        <td style="padding: 0px; width: 794px; height: 32px; background: url(index2_files/index_18.jpg) no-repeat;">&nbsp;</td>
    </tr>
    <tr>
        <td style="padding: 0px; border: 0px; width: 800px; height: 1px; background: url(images/spacer.gif);"></td>
    </tr>
</table>
</center>
Avatar billede roenving Novice
23. februar 2007 - 12:35 #5
Først og fremmest skal du bruge en fuldt kvalificeret doctype inkl. dtd-link, hvis du vil sikre at den mest udbredte browser overholder basale css-regler ...

Start derfor dokumentet med:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

-- du vil muligvis opleve, at nogle ting ændrer sig i IE, men det er netop fordi den så først overholder nogle regler, så det egentlig har været en fejl, at den viste det, som du ville have det !-)

Prøv at fjerne center-tagget og starte tabellen med:

<table id="Table_01" style="border-collapse: collapse; border: 0px; height: 202px; width: 800px; text-align: center; margin:0 auto;">
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