centreren, krijg het niet voor elkaar [Archief]

Volledige versie bekijken : centreren, krijg het niet voor elkaar

JanNL

%Europe/Berlin %656 %2007, 16:45

hey mensen, ik zit echt al verschrikkelijk lang te kloten met de code om mijn flash filmpje simpelweg exact in het midden te krijgen.. en krijg het echt NIEt voor elkaar. Heb heel het forum afgestruind naar een oplossing en heb ook wel aardig wat dingen gevonden maar NIX werkt en zelfde gedaan bij kirupa.com :S

wat ik nu heb is het volgende:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Portfolio van Jan Hoefakker</title>
<style type="text/css">

</style>
<script type="text/javascript" src="swfobject.js"></script>
</head>

<body>
<table width="100%" height="500" border="0">
<tr>
<td align="center" valign="middle">

<div id="flashcontent">
Komt zo nog wel
</div>

<script type="text/javascript">
var so = new SWFObject("portfolio.swf", "portfolio", "800", "500", "8", "#000000");
so.write("flashcontent");
</script>

</td>
</tr>
</table>
</body>
</html>

heb al her en der wat dingen geprobeerd te veranderen maar krijg het niet werkende, las ook dat er " text-align: center; " bij moest maar dat doet ook niet veel.. (hier (http://hoefakker.tweakdsl.nl/fotominor) staat i online zoals hij nu is) hij staat wel verticaal gecentreerd maar niet horizontaal aahhh !
kan iemand PLZZZZ zeggen wat niet goed is !

Thierry

%Europe/Berlin %666 %2007, 16:59

Bij mij staat de content wel gewoon in het midden hoor. Zowel horizontaal als verticaal in zowel IE6 als FF2.0.0.4.

JanNL

%Europe/Berlin %675 %2007, 17:13

huh echt waar :S:S

bij ziet het er als volgt uit, in firefox (http://hoefakker.tweakdsl.nl/ff.jpg) & in internet explorer (http://hoefakker.tweakdsl.nl/ie.jpg) en als ik het op een totaal andere pc bekijk hetzelfde eigenlijk :S

ben ik nou compleet gek aan het worden hahaha

Lorrens

%Europe/Berlin %678 %2007, 17:17

CSS:body, html {
height: 100%;
width: 100%;
margin: 0;}

#container {
width: 800px;
height: 500px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -250px; }En de html wordt dan:<div id="flashcontent">
Komt zo nog wel
</div><div id="container"><script type="text/javascript">
var so = new SWFObject("portfolio.swf", "portfolio", "800", "500", "8", "#000000");
so.write("flashcontent");
</script></div>

Meer hierover staat in de FlashFocus wiki, bij artikel: Centreer flash met CSS

Laiverd

%Europe/Berlin %688 %2007, 17:31

Volgens mij klopt die laatste niet Lorrens, omdat swfObject schrijft naar de innerHTML van de div met id flashcontent. Die div container kan volgens mij weg, en inplaats van een style definieren voor #container, wordt het een style voor #flashcontent.

John

Lorrens

%Europe/Berlin %714 %2007, 18:09

Oeh ja, daar heb je een punt, niet aan gedacht.
Dan moet je JanNL daar even rekening mee houden :)

JanNL

%Europe/Berlin %736 %2007, 18:40

Heb het voor elkaar !! beiden echt super bedankt !! zou jullie wel kunnen zoenen haahaha

nog 1 allerlaatste, als ik nu de achtergrond kleur toevoeg doet hij het niet.. zal iets zijn wat ik over het hoofd zie denk ik

#flashcontent {

width: 800px;
height: 500px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -250px;
background-color: #000000;

}sowieso echt super bedankt.. een jaar geleden had ik het nog wel op kunnen lossen maar ben er zoooo lang uit geweest haha

edit: lijkt me iig niet dat het in de container moet na logisch nadenken haha

JanNL

%Europe/Berlin %755 %2007, 19:07

ok, heb em al haha

iig super bedankt beiden !!

Laiverd

%Europe/Berlin %761 %2007, 19:17

Je moet achtergrondkleur toevoegen via een parameter van het swfObject. Zie http://blog.deconcept.com/swfobject/

John