Søg
Avatar billede snailwalker Nybegynder
25. august 2005 - 18:47 Der er 9 kommentarer og
1 løsning

Problemer med 100 % table i Firefox

Jeg har en table som har et background image som er en lille repeat billede. Jeg har også billeder i to af de tre table rows.

Det ser fint nok ud i IE som godt kan finde ud af at repeate, men Firefox vil ikke.

Jeg har fået center til at virke med Firefox, men nu vil IE ikke centrere tabellen.

Jeg bruger strict xhtml.

Se koden her: www.invative.dk/mimer
Avatar billede Slettet bruger
25. august 2005 - 18:53 #1
Brug "margin: auto;"
Avatar billede Slettet bruger
25. august 2005 - 18:56 #2
I din tabels style="".. Så er margin: 0px naturligvis ikke nødvendig.
Avatar billede snailwalker Nybegynder
25. august 2005 - 19:43 #3
Hmm centrering virker stadig ikke i IE og 100 % height virker ikke i Firefox...
Avatar billede olebole Juniormester
25. august 2005 - 19:43 #4
<ole>

Nej, dit dokument er ikke et XHTML-dokument, når det rammer browseren - så er det et fejlfyldt HTML4-dokument  :)

Du kan ikke med den kode bruge CSS i IE, da din XML-prolog disabler store dele af CSS i IE ... denne her:
  <?xml version="1.0" encoding="iso-8859-1"?>

XHTML er stort set ubrugeligt på WWW idag - men de, der skriver tutorials om emnet ved det bare ikke. De har aldrig selv skrevet et virkende XHTML-dokument, hvorfor det kan undre, standarden er så berømmet for sine fordele.
Kejserens Nye Klæder, du ved  ;o)

Prøv at læse disse to:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

/mvh
</bole>
Avatar billede olebole Juniormester
25. august 2005 - 19:52 #5
Så var der i øvrigt en hel del fejl i koden. Prøv noget à la 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>Mimer Kommunikation</title>
    <link rel="stylesheet" type="text/css" href="http://www.invative.dk/mimer/stylesheets/stylesheet.css">
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
</style>
</head>
<body>

<table cellspacing="0" border="0" cellpadding="0" style="width:700px; height: 100%; background:url(http://www.invative.dk/mimer/graphic/repeat.jpg); background-repeat:repeat;  margin: auto;">
    <tr style="background:url(http://www.invative.dk/mimer/graphic/top.jpg); height:103px; background-repeat:no-repeat; background-position: top left;">
        <td colspan="2" style="text-align:center;">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr style="background:url(http://www.invative.dk/mimer/graphic/bottom.jpg); height:38px; background-repeat:no-repeat; background-position: bottom left;">
        <td colspan="2" style="text-align:center">
            <b>Mimer Kommunikation</b> - Nordre Allé 4 - 2500 Valby</td>
    </tr>
</table>

</body>
</html>
Avatar billede snailwalker Nybegynder
25. august 2005 - 20:07 #6
Tak olebole, det hjalp meget. Men teksten til bottomfeltet er stadig ret fucked i IE står sådan cirka midt på siden :S
Avatar billede olebole Juniormester
25. august 2005 - 20:11 #7
Prøv dette i den nederste celle:

  <td colspan="2" style="text-align:center;vertical-align:bottom;padding-bottom:20px">
            <b>Mimer Kommunikation</b> - Nordre Allé 4 - 2500 Valby</td>
Avatar billede snailwalker Nybegynder
25. august 2005 - 20:16 #8
Tusind tak ole, det hjalp. Smider du lige et svar?
Avatar billede olebole Juniormester
25. august 2005 - 20:18 #9
Gerne, tak  :)
Avatar billede olebole Juniormester
25. august 2005 - 20:37 #10
Tak for points  :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »