Centrering af side

ups...

http://www.deadgiraf.dk/ny/

prøv at skrive align="center" i din table...

har jeg gjordt.....

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="center">
      Dette vil stå i midten<br>
      så det er her du skal skrive din side! :)
    <td>
  </tr>
<table>

Ups her er et svar :)

Sådan: ;)



<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="center">
<table>
  <tr>
    <td class="1" align="center">
    <table>
      <tr>
        <td class="2" align="center">
        <table>
          <tr>
            <td class="3" align="center">           
         
   
<div id="up" style="position:absolute; top:50px; left:480px; z-index:1;">
    <img src="pil.gif" width="19" height="19" border="0">
</div>

<div id="track" style="position:absolute; top:70px; left:480px; z-index:2;">
    <img src="menu.gif" width="19" height="19">
</div>

<div id="drag" style="position:absolute; top:70px; left:480px; z-index:3;">
    <img src="move.gif" width="19" height="100" border="0">
</div>

<div id="down" style="position:absolute; top:340px; left:480px; z-index:4;">
    <img src="pil.gif" width="19" height="19" border="0">
</div>

<div id="contentMask" style="position:absolute; left:70px; top:50px; width:400px; height:310px; clip:rect(0px,400px,310px,0px); overflow:hidden; z-index:5;">
    <div id="content">
           
Du er nu på en eller anden mystisk måde havnet på Sound of a dead Giraf's hjemmeside... <br>Her kan du følge lidt med i hvad der sker i og omkring bandet og hvis du ikke kender os
(hvilket er ekstremt usandsynligt) jah, så har du nu muligheden for at finde ud af alt hvad du vil vide på den her side...
<div align="center">
<a href="index.php?page=Bandet/Bandet"><img src="Forside/booking/img/20040903.jpg" border="0"></a></div>



Seneste Nyhed & Gæstebogsindlæg:<br><br><b><a href="index.php?page=Nyheder/nyheder/nyheder">Lige om snart!</a> </b>(15/1 '05  23:31)<br>Så er det jo ganske snart at vi skal i studiet :)

Det ligger med 99.99999% sikkerhed fast at vi indspiller følgende numre i vinterferien (muligvis flere):

Halo Ange... [<a href="index.php?page=Nyheder/nyheder/nyheder">Læs mere</a>]<br><br><b><a href="index.php?page=Forside/gaestebog/gaestebog">rolfie</a> </b>(17/1 '05  10:54)<br>Hvordan kan i kalde det et album n&aring;r der kun er 4 og 5 numre p&aring;?  hvorfor ikke lave en fuldplade, istedet for noget der minder om store ep'er/maxi singler? Det virker lidt som om, at det handler om at spytte en masse musik ud, istedet for... [<a href="index.php?page=Forside/gaestebog/gaestebog">Læs mere</a>]    </div>
</div>

            </td>
          </tr>
        </table>
        </td>
      </tr>
    </table>
    </td>
  </tr>
</table>
    <td>
  </tr>
<table>

he skal lige lave en / i det sidste table tag en lille taste fejl :)

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="center">
<table>
  <tr>
    <td class="1" align="center">
    <table>
      <tr>
        <td class="2" align="center">
        <table>
          <tr>
            <td class="3" align="center">           
         
   
<div id="up" style="position:absolute; top:50px; left:480px; z-index:1;">
    <img src="pil.gif" width="19" height="19" border="0">
</div>

<div id="track" style="position:absolute; top:70px; left:480px; z-index:2;">
    <img src="menu.gif" width="19" height="19">
</div>

<div id="drag" style="position:absolute; top:70px; left:480px; z-index:3;">
    <img src="move.gif" width="19" height="100" border="0">
</div>

<div id="down" style="position:absolute; top:340px; left:480px; z-index:4;">
    <img src="pil.gif" width="19" height="19" border="0">
</div>

<div id="contentMask" style="position:absolute; left:70px; top:50px; width:400px; height:310px; clip:rect(0px,400px,310px,0px); overflow:hidden; z-index:5;">
    <div id="content">
           
Du er nu på en eller anden mystisk måde havnet på Sound of a dead Giraf's hjemmeside... <br>Her kan du følge lidt med i hvad der sker i og omkring bandet og hvis du ikke kender os
(hvilket er ekstremt usandsynligt) jah, så har du nu muligheden for at finde ud af alt hvad du vil vide på den her side...
<div align="center">
<a href="index.php?page=Bandet/Bandet"><img src="Forside/booking/img/20040903.jpg" border="0"></a></div>



Seneste Nyhed & Gæstebogsindlæg:<br><br><b><a href="index.php?page=Nyheder/nyheder/nyheder">Lige om snart!</a> </b>(15/1 '05  23:31)<br>Så er det jo ganske snart at vi skal i studiet :)

Det ligger med 99.99999% sikkerhed fast at vi indspiller følgende numre i vinterferien (muligvis flere):

Halo Ange... [<a href="index.php?page=Nyheder/nyheder/nyheder">Læs mere</a>]<br><br><b><a href="index.php?page=Forside/gaestebog/gaestebog">rolfie</a> </b>(17/1 '05  10:54)<br>Hvordan kan i kalde det et album n&aring;r der kun er 4 og 5 numre p&aring;?  hvorfor ikke lave en fuldplade, istedet for noget der minder om store ep'er/maxi singler? Det virker lidt som om, at det handler om at spytte en masse musik ud, istedet for... [<a href="index.php?page=Forside/gaestebog/gaestebog">Læs mere</a>]    </div>
</div>

            </td>
          </tr>
        </table>
        </td>
      </tr>
    </table>
    </td>
  </tr>
</table>
    <td>
  </tr>
</table>

... og hvis du droppe tabelhelvedet i din opbygning, så lav en div, positionér den absolut til top=0 og left=0

med window.onload /window.onresize fanger du
1. klientens bredde
2. din divs bredde
3. dividerer begge med 2
4. resultatet af divisionen sætter som din left værdi for din div. vupte - det er da snedigt.... !

#Mailand

... der skulel stå 'vupti'...

og ovenstående kræver selvfølgelig en lille smule scripting, men det er næsten svært at undgå, hvis man lave noget ordentlig html uden tabeller...

<<mailand>>
he, hvis du vil undgå tabeller :) hvis det er så nemt kan du så ikke lige svare på mit spørgsmål http://www.eksperten.dk/spm/581977 som handler om div i forhold til netscape, jeg har en lille mystisk fejl der :D

Eller prøv at kigge på: http://www.wpdfd.com/editorial/thebox/deadcentre4.html !-)

hvad er der galt med at skrive align="center" i den første table

<table align="center">
  <tr>
    <td></td>
  </tr>
</table>

der er ikke noget galt.... tabeller til design er bare nogt 'gris'... (synes jeg)

ydermere, synes jeg, man får adskillige flere, sjove muligheder ifht. designs og dhtml, ved at kunne gøre brug af absolut positionering...

- og skal man lave html på baggrund af en emsig ad'ers idéer, skal man af og til trylle lidt med forskellige dhtml/scripting konstruktioner... og som sagt, så er min personlige holdning, det er væsentligt sjovere, hvis man opererer med positionering...

man kan også lege med positionering i tabeldesigns, så det ene udelukekr ikke det andet...

men ja, der er vist så mange andre, der har sagt flere kloge ord om dette emne - så scan nettet for plusser og minusser.

#Mailand

Jeg ville lave en div container, som centrerer det hele.

<div id="centerContainer">
  [indsæt din side her]
</div>

#centerContainer {
  margin: 0 auto;
}

<ole>

the-nest >> Hvis du vil bruge tabeller og/eller divs, skal du skrive HTML. Det gør du så langt, langt fra i det spm, du linker til  :)

/mvh
</bole>

lyf >> Det duer ikke. IE forstår ikke 'auto' som værdi for margin. Desuden er det af aller sørste vigtighed *altid* at angive en enhed (f.eks. 'px'):

body {
  text-align: center; /*af hensyn til IE, der ikke forstår andet*/
}
#centerContainer {
  margin: 0px auto;
}
<div id="centerContainer">
  [indsæt din side her]
</div>

http://zyph.dk/eksempler/center_vandret/

Jeg synes det er ret så godt centreret i IE, uden at bruge det hack? !-)

den bliver ikke centreret...

tjek.. http://www.deadgiraf.dk/ny/... den svæver... hvad kan jeg gøre ved det?

Hvad om du skrev align="center" i !! alle !! dine <table> tags ??
som det står nu, bliver dit hoved-table venstrejusteret... det samme gør alle de table-tags der ikke er sat en align="center" på....

Men ellers kan jeg kun holde med de andre og anbefale CSS til layout ;-)

//zarthax//

problemet er at jeg bruger <div> til at scrole med istedet for en <iframe> men det kræver at jeg bruger position:absolute;

alstå den kan ikke så variabelt i forhold til forskellige opløsninger..

lyf >>
1. Det skal vel gerne fungere i IE'er, der ikke ligger på en XP/SP2-maskine. Det gør det ikke  ;o)
2. Der *skal* sættes en enhed på værdien 0 i din margin. Det er en bug, der gør, at denne boks overhovedet er centreret. Ifølge CSS-standarden skal hele din CSS-regel ignoreres af browseren, da enheden mangler  :)

olebole >>

Okay, vidste ikke at det ikke virkede på andre maskiner end XP :-) Hvorfor er det sådan? Vidste heller ikke 2'eren. Troede endda at det var bedre at undlade en enhed når værdien var 0.

Helt fint ... bare vi når til enighed  ;o)

Prøv at kikke på:
  http://www.w3.org/TR/CSS21/propidx.html

Gå ned til 'line-height' og kik i første kolonne ('Value'). Her står:
  normal | <number> | <length> | <percentage> | inherit

<number> betyder, at der må angives et tal alene (uden enhed). Som du ser ved de andre properties, er det yderst sjældent tilfældet i CSS - og ikke for margin  :)

Okay, det skal jeg da lige huske. Jeg var forresten ovre ved min nabo lige for et øjeblik siden, og på hans computer med Windows 98 centrerer den siden i mit eksempel. Jeg kiggede i about i hans IE, og det var godt nok version 6.xxxx

Så kan vi vel konkludere at det ikke er XP/SP2, men IE 6.0 der er nødvendig? :-)

Nej, det kan vi ikke konkludere - det er i denne forbindelse x'erne efter '6.', der er interessant. Indtil for et par måneder siden, virkede det ikke i *nogen* IE, men den seneste opdatering har åbenbart fixed det. Er du i tvivl, så søg på Eksperten og/eller Google  ;o)