Avatar billede tweak Nybegynder
13. juli 2005 - 17:40 Der er 19 kommentarer og
1 løsning

centrere indhold horisontal og vertikal.?

Det er min side nu: http://www.digitalife.dk men der er store problemer med den hvis vinduet kommer under 1024*768

Kan det løses uden at jeg skal til at lave alt om som jeg har lavet.? Hvis i har en løsning, så skal den helst kunne validere.

Mvh
Jan
Avatar billede tweak Nybegynder
13. juli 2005 - 19:51 #1
Hey, jeg har selv fundet denne: http://users.cybercity.dk/~dsl58854/articles/centrering/hor_ver_css_js.html

Men den er ikke valid, så jeg mangler stadig hjælp.
Avatar billede tweak Nybegynder
13. juli 2005 - 22:08 #2
Findes der virkelig ikke en valid løsning på at centrere noget.?
Avatar billede miss-g Seniormester
13. juli 2005 - 22:37 #3
For mig at se er siden da centreret uanset opløsning. Den er bare for bred i et 800 x 600 vindue.

Hvis man laver alt i flash - skulle jeg mene at tingene kan scaleres efter browser opløsningen...alt efter publish settings....
Avatar billede tweak Nybegynder
13. juli 2005 - 22:41 #4
miss-g, prøv at se denne løsning: http://users.cybercity.dk/~dsl58854/articles/centrering/hor_ver_css.html det er den samme jeg bruger, men prøv så at køre browser størelsen ned til det minimale og se hvad der sker. man kan ikke se noget af det som står helt til venstre.
Avatar billede olebole Juniormester
13. juli 2005 - 22:44 #5
<ole>

Det eneste HTML-element, der opfører sig som ønsket, er tabel-cellen - så man kan vel bare bruge en tabel:

<!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>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
</style>
</head>
<body>

<table style="width:100%;height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>
    <div style="width:300px;background-color:#ededed;margin:0 auto">Indhold</div>
    </td>
</tr>
</table>

</body>
</html>

/mvh
</bole>
Avatar billede tweak Nybegynder
13. juli 2005 - 22:44 #6
Og så er der intet andet end mit galleri som er lavet i flash ;)
Avatar billede tweak Nybegynder
13. juli 2005 - 22:49 #7
ole, hvorfor har de 2 sider så travlt med at holde det inden for en div, altså at undlade en tabel.?

http://users.cybercity.dk/~dsl58854/articles/centrering/readme.html
http://bluerobot.com/web/css/center2.html
Avatar billede olebole Juniormester
13. juli 2005 - 22:52 #8
Formodentlig fordi, der er et eller andet, de har misforstået ... men hvordan skal jeg vide, hvorfor folk skriver, som de gør?  :)

Hvis du ikke vil bruge en tabel, synes jeg, det er langt mere interessant at vide, hvorfor du ikke vil det  ;o)
Avatar billede tweak Nybegynder
13. juli 2005 - 22:54 #9
Det vil jeg skam også gerne, jeg undre mig bare :O
Avatar billede olebole Juniormester
13. juli 2005 - 23:17 #10
- et par gode spørgsmål i den forbindelse kunne være:

1. Hvad er det nu lige, brugen af én enkelt tabel med én række og én celle i et HTML-dokument, gør af uheldige ting?
2. Hvad er det, der gør en JavaScript-løsning bedre til at løse et visuelt design problem, end en tabel?

Det kan ingen af forfatterne formodentlig svare på. Sagen er nok, at de lider af den for tiden så udbredte 'tabel-o-fobi', der udspringer af en måske lidt uheldig vending et enkelt sted på W3C - som af nogen er blevet udlagt, som noget à la: "Al brug af tabeller bør undgåes - med mindre, der er tale om tabulerede data i aller strengeste forstand".
Der er tale om et løsrevet bibelcitat, som man kun læser på den måde, hvis man i øvrigt ikke læser så meget på W3C og/eller slet ikke tænker over, hvorfor rekommendationerne ser ud, som de gør.

Det, W3C med al mulig grund advarer imod, er de store, nestede tabelhelveder (udspændt af transparente giffer), som op gennem 90'erne var det primære layoutværktøj.
Dét er dårlig kode, som sløver browseren enormt.

Dårlig kode er også løsninger, hvor man dribler rundt med allehånde sære kombinationer af mere eller mindre css-muterede elementer, der forsøges manipuleret med script, så de næsten kommer til at opføre sig som tabeller. Med en berøringsangst for den ægte vare, somom det handlede om pædofil omgang med døde egernbørn  :)

Brug af de elementer, der opfylder de krav, der nu engang er i et layout, er fornuftig, semantisk og logisk kode ... også når det drejer sig om en eller flere tabeller.

Problemet er den evige skæring mellem sund fornuft og religiøst hysteri. Mellem to dybe grøfter ligger ofte en god vej  ;o)
Avatar billede olebole Juniormester
13. juli 2005 - 23:22 #11
- med andre ord: Brug du blot en tabel, hvis den opfylder dine behov og fyld den med andre elementer, du har brug for. Undlad dog at læsse tabeller inden i hinanden uden omtanke  ;o)
Avatar billede tweak Nybegynder
13. juli 2005 - 23:24 #12
Hvorfor fanden har du ikke fortalt mig det noget før.! :P Tak for en god og forståelig forklaring :)

Jeg kommer i hvert fald til at skal skrive min kode om, jeg opdagede til min store undren at der faktisk er ret mange som stadig køre 800*600 og så er det jo ikke pisse fedt at man ikke kan se et hak på noget under 1024*768 :(
Avatar billede tweak Nybegynder
13. juli 2005 - 23:25 #13
Vil du være så venlig at smide et svar :)
Avatar billede olebole Juniormester
13. juli 2005 - 23:36 #14
- faktisk kæmper både roenving og jeg ihærdigt mod vejrmøller i dette spørgsmål ... og har gjort det temmelig længe  :)

Der er dog et 'men' - og det hedder 'andre klienter'. Skal siden bruges i andre klientprogrammer end PC-browsere, bør man passe lidt på med tabeller - ligesom brug af tabeller i visse tilfælde kan forvirre tekstoplæsere.

De fleste af de sider, der i stedet opbygges i andre elementer (det, der med en anden grov misforståelse, kaldes 'at bruge CSS i stedet for tabeller'), ligner alligevel lort og døde øgler (undskyld mit fransk) på alt andet end en PC.
Skal en side bruges på små klienter, bør der under alle omstændigheder laves en speciel version  :)
Avatar billede tweak Nybegynder
05. august 2005 - 20:37 #15
Hey,

Jeg har et problem med dit forslag ole. Hvis jeg når siden ikke er maksimeret reloader siden i IE og derefter maksimere den, følger indholdet ikke med op, ved du hvorfor og om det kan løses.? I FF og opera er der ingen problemer.
Avatar billede olebole Juniormester
05. august 2005 - 20:41 #16
Det problem kan jeg ikke genskabe  :)
Avatar billede tweak Nybegynder
05. august 2005 - 20:42 #17
dvs. at det er ikke noget du kender til.? :)
Avatar billede tweak Nybegynder
05. august 2005 - 20:45 #18
Eks. http://www.digitalife.dk/info15.php og det er sikkert så smæk fyldt med fejl og dårligt lavet, men få det til at funke det kan jeg ikke :^)
Avatar billede olebole Juniormester
05. august 2005 - 22:50 #19
Prøv at give din klasse 'vindue': position:relative
Avatar billede tweak Nybegynder
27. november 2005 - 19:25 #20
olebole,

Det er lang tid siden, men nu fik jeg tid til at få det lavet :-)

Håber det virker som det skal, bortset fra at overflow-y:auto; ikke virker i FF :(

Med tabel:
http://www.digitalife.dk/index1.php
http://www.digitalife.dk/mail1.php
http://www.digitalife.dk/info1.php
http://www.digitalife.dk/model1.php
http://www.digitalife.dk/gb1.asp

Jeg har ikke fået lavet min menu om så den linker til de gamle sider - håber det ser ud som det skal.

Vil du smide et svar.?
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