Centering af billede

Det må også gerne kunne virke på en tabel etc.!

Prøv:
<STYLE type="text/css">
body {margin:0; width:100%; height:100%; background:#000000;}
table.main {HEIGHT: 100%;}
.container {
text-align:center;
width:100%;
vertical-align:middle;
}
</style>
</head>
<table class="main"  width="100%" border="0" cellpadding="2" cellspacing="2" style="position: relative">
<tr>
<td class="container" width="100%" height="100%" style="position: relative">
<div align="center">
et eller andet indehåll             
</div>
</td>
</tr>
</table>

Prøv at kigge på http://www.wpdfd.com/editorial/thebox/deadcentre4.html (men jeg kan ikke huske, om den også er røget igennem Safarien, men Caminoen er også en Gecko, som f.eks. Mozilla og FireFox, så den skulle have en god chance !-)

Glemte lige at den også skulle virke i FF, og det gør den desværre ikke med det første eksempel per-olof

-- men det thebox-tingen !-)

www.takforkaffe.dk Jeg kan ikke helt få det til at virke!

Tag koden fra theBox, den virker alle steder !-)

-- og til en anden gang: dit link viser ikke een linjes kode, som illustrerer problemet ...

-- når du skal vise den slags, kan du så ikke lægge det relevante fra style-sheetet ind i dokumentet ?-)

Jeg har prøvet at tage koden fra thebox, men det virker ikke her! Prøv at lave det med mit billede og så giv mig koden eller et link! Jeg har prøvet at sætte billedet ind i stedet for "DEAD CENTRE", men det er IKKE center!
Koden på min side er jo nem at hive frem! www.takforkaffe.dk/style.css - er det ikke ligeså nemt!?

Næh, for enten skal jeg åbne to forskellige nye programmer op på computeren, eller også skal jeg starte en af de store applikationer op på computeren, som kan håndtere filer, der er linket til ...

-- og afhængig af browser og andre installerede programmer, bliver linket til dit stylesheet faktisk til ingenting i en masse tilfælde !-)

-- nu er der heller ingen fremtid i at bruge xhtml, når hverken serveren eller browseren understøtter det (ordentligt) ...

-- men sådan:

<!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">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#horizon{position:absolute;top:50%;overflow:visible;width:100%;}
#front{position:absolute;top:50%;left:50%;width:630px;margin-left:-315px;height:430px;margin-top:-215px;}
</style>
<title>takforkaffe.dk - gratis kaffe til folket</title>
</head>
<body>
<div id="horizon">
<div id="front"><img src="http://www.takforkaffe.dk/front.gif" width="630" height="430" border="0"></div>
</div>
</body>
</html>

-- og xhtml-spørgsmålet bliver endnu værre, når du nu benytter dig af attributter, som egentlig hører gamle html-udgaver (width mmm. !-)

Jeg tror ikke at jeg er den eneste i denne verden som linker til deres stylesheet! Altså jeg har aldrig hørt fra nogen om at det ikke virkede på min side! Lad os sige, at få ikke får det til at virke, jamen så er det højest sandsynelig heller ikke nogen som har brug for at se sitet. Du kan jo bare åbne det i notepad - det tager under to sek. at starte det program op!
Og mht. XHTML - det kan godt være det ikke er 100% valideret til mange servere's & browsere's brug, men igen, jeg er godt nok heller ikke den første som bruge det! Plus GoLive og Dreamweaver opretter HTML som standart med et X foran.

Men hvad gør "height" funktionen ved min "body"?!? Kommer den ikke til at påvirke resten af mit dokument?! Altså når der kommer fyld på?!

Det er zq ikke fordi det ikke virker, men fordi du stiller et konkret spørgsmål, og så lægger et link, hvor den relevante kode ikke er til stede !-)

-- hvis du lover at hjælpe en ven med at hente en pakke, vil du vel også blive lidt sur, hvis du også skal en tur forbi toldkammeret for at få lov til at aflevere den ?-)

-- mens du undersøger et konkret problem er det da også langt nemmest at have koden internt i dokumentet, bl.a. fordi enten browseren eller serveren ofte cacher den slags eksterne filer, og da det intet betyder i funktion om det er internt eller eksternt er det et one-shot at lægge det eksternt, når det fungerer efter hensigten !o]

-- og hvis du indstiller dine html-editorer til at producere xhtml, er det da rart, at de gør som du beder dem om, men sålænge hverken (den store majoritet af !-) servere eller browsere kan hhv. sende html-filer med en xhtml-mimetype eller udnytte xhtmls fordele (og der iøvrigt stort set ikke er nogle på nuværende tidspunkt !-), sætter man bare browseren på overarbejde, fordi den først skal rette alle de fejl, den ser i kode, der ikke er korrekt html4.01 ...

Og height kan, afhængig af øvrige konfigurationer i dit dokument have en betydning i visse browsere, men under normale omstændigheder vil det næppe betyde noget, men margin og padding er vigtig for at få udseendet ens på tværs af browserne !o]

Tak for hjælpen i hvert fald! Læg lige et svar roenving!!

Velbekomme '-)

-- og tak for point ;~}