Søg
Avatar billede krusnof Nybegynder
07. oktober 2005 - 13:15 Der er 14 kommentarer og
1 løsning

Centering af billede

Jeg er ved at blive sindssyg! Hvordan centerer man et billede (både hori og verti) vha. CSS - det skal virke både i IE6+, Safari/Camino, og Netscape!

Jeg kan simpelthen ikke finde ud af det!!
Avatar billede krusnof Nybegynder
07. oktober 2005 - 13:15 #1
Det må også gerne kunne virke på en tabel etc.!
Avatar billede per-olof Nybegynder
07. oktober 2005 - 13:21 #2
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>
Avatar billede roenving Novice
07. oktober 2005 - 14:05 #3
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 !-)
Avatar billede krusnof Nybegynder
07. oktober 2005 - 14:43 #4
Glemte lige at den også skulle virke i FF, og det gør den desværre ikke med det første eksempel per-olof
Avatar billede roenving Novice
07. oktober 2005 - 14:44 #5
-- men det thebox-tingen !-)
Avatar billede krusnof Nybegynder
07. oktober 2005 - 14:59 #6
www.takforkaffe.dk Jeg kan ikke helt få det til at virke!
Avatar billede roenving Novice
07. oktober 2005 - 15:10 #7
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 ?-)
Avatar billede krusnof Nybegynder
07. oktober 2005 - 15:28 #8
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!?
Avatar billede roenving Novice
07. oktober 2005 - 15:47 #9
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 !-)
Avatar billede roenving Novice
07. oktober 2005 - 16:00 #10
-- 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. !-)
Avatar billede krusnof Nybegynder
07. oktober 2005 - 16:42 #11
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å?!
Avatar billede roenving Novice
07. oktober 2005 - 16:53 #12
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]
Avatar billede krusnof Nybegynder
07. oktober 2005 - 17:07 #13
Tak for hjælpen i hvert fald! Læg lige et svar roenving!!
Avatar billede roenving Novice
07. oktober 2005 - 17:13 #14
Velbekomme '-)
Avatar billede roenving Novice
07. oktober 2005 - 17:14 #15
-- og tak for point ;~}
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 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »