Avatar billede Slettet bruger
05. september 2008 - 20:32 Der er 10 kommentarer og
1 løsning

Vertical align

Hej eksperter.
Jeg ved godt dette er en meget ofte stillede spørgsmål, men har brugt over ½ time på at goggle og på at lede på exp.dk, men kan ikke finde nogen rigtige svar på vertical-align..

Jeg har brug for at aligne mit flash embed.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titel</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
html,body{
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #000000;
    text-align: center;
}

#flashcontent {
}
</style>
</head>

<body>
<div id="flashcontent">This text is replaced by the Flash movie.</div>
<script type="text/javascript">
  var so = new SWFObject("main.swf", "InFront_Main", "766", "750", "8");
  so.write("flashcontent");
</script>
</body>
</html>
Avatar billede Slater Ekspert
05. september 2008 - 20:53 #1
Denne mulighed vil virke på ordentlige browsere, men ikke IE6:
#flashcontent {
  margin: auto;
}

Denne mulighed virker på "alle" browsere, men har det mindre problem, at hvis vinduet er mindre end indholdet, kommer det udenfor skærmen:
#flashcontent {
  position: absolute;
  top: 50%
  left: 50%;
  margin-left: -383px
  margin-top: -375px;
}

Og ellers er der muligheden alle vil hade dig for, men som virker problemfrit på alle browsere: tables.
Avatar billede roenving Novice
05. september 2008 - 23:57 #2
Hvorfor bliver man hadet for at bruge noget, der virker ?-)
Avatar billede w13 Novice
06. september 2008 - 10:02 #3
viperine>> margin: auto; centrerer da ikke vertikalt?
Avatar billede Slater Ekspert
06. september 2008 - 16:00 #4
w13: Næh, du har minsandten ret, den virker kun horisontalt. Jeg troede egentlig bare det var formålet med den - hvordan giver det nogen som helst mening at margin: 0 auto; virker, men margin: auto 0; ikke gør? Nå, tak. Jeg har aldrig forsøgt at bruge den sådan før, netop fordi IE6 ikke forstår røv og nøgler alligevel.

Roenving: Du er en af de gamle herinde, du burde netop vide hvor meget man bliver sablet ned for at bruge tabeller til layout i dag ;) Jeg bryder mig personligt ikke om dem fordi de hurtigt giver spaghetti-markup hvis man nester dem, men når det er den bedste løsning, skal man ikke høre brok fra mig - men det gør man fra mange andre.
Avatar billede roenving Novice
06. september 2008 - 21:21 #5
-- og jeg er så en af dem, der ikke har accepteret, at der skulle være fejl i det, der virker !-)

-- vi kan så diskutere, om en fremadrettet tilgang kan omfatte det, vi ved er et helvede, men det er så ganske vist en anden diskussion !o]
Avatar billede Slettet bruger
07. september 2008 - 16:09 #6
Tak skal I alle ha' smider I et svar?
Avatar billede w13 Novice
07. september 2008 - 18:08 #7
Ikke til mig tak. =)
Avatar billede Slater Ekspert
07. september 2008 - 21:55 #8
.
Avatar billede Slettet bruger
07. september 2008 - 23:47 #9
Hvad med dig roenving?
Avatar billede roenving Novice
09. september 2008 - 14:04 #10
Nej tak, ellers tak !-)
Avatar billede Slettet bruger
10. september 2008 - 01:24 #11
Tak for hjælpen til jer alle 3.
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