Centrering af Flash

Tags:    css

Hej
Jeg har følgende meget beherskede styles i min HTML som kun skal vise en Flash fil centreret. Det har også altid fungeret fint nok, men når jeg under #flashContent tilføjer max-width og max-height, bliver flashen vestrejusteret. Hvordan kan jeg undgå det?

<style type="text/css" media="screen">
html, body {
height:100%;
background-color: #ffffff;
background-attachment: fixed;
background-image: url(img/html_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
}
body {
margin:0;
padding:0;
overflow:scroll;
}
#flashContent {
width:100%;
height:100%;
max-width:950px;
max-height: 700px;
}
</style>
<body>

<div align="center" id="flashContent">
<object ... osv.



4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Du har lige nu rigtigt nok formået at centrere indholdet af din <div>, men da din <div> ikke fylder hele bredden på siden (pga. din max-width), så er det kun centreret ift. til de første 950px.

Hvis du bruger Chrome kan du trykker F12 på din side, vælge fanen Elements, og holde musen over din <div> for at se dette visuelt.

For at centrere din <div> ift. dens parent element (hele siden), så kan du tilføje
margin-left: auto;
margin-right: auto;
til #flashContent i din css.



tilføj "text-align: center;" til din #flashContent.

Ellers så smid link til din side.



Hej Stefan

Det havde jeg forsøgt, og har lige prøvet igen - det virker desværre ikke.
Du er velkommen til at se f.eks. her: http://www.passion-design.dk/



Hej Kristian
Har lige fulgt din anvisning i en anden tilsvarende fil, og det virker!
Mange tak for hjælpen :)

Vh. Shanne

P.s.
Jeg er helt ny herinde, og er vist lidt fattesvag i forhold til det karmasystem der bruges her - jeg har trykket én gang på det svar, der hjalp mig - er det ikke den rigtige måde, eller hur?



Indlæg senest redigeret d. 25.04.2014 09:57 af Bruger #20905
t