Toon posts:

[SWFObject & CSS] Centreren

Pagina: 1
Acties:

Verwijderd

Topicstarter
soms wordt ik zo ziek van centreer truuks in css....ik verlang terug naar de simpelheid van center
maar goed,

ik heb een intro swf filmpje wat geplaatst word met SWFObject.ik centreer door de boel in een div te zetten met:

<div style="width:760px; margin:0 auto;">

dit werkt in FF maar niet in IE6 ?¿

margin-left & right op auto zetten geeft hetzelfde resultaat.

Grappig genoeg geeft
code:
1
2
3
4
5
<div style="width: 6em; margin: 0 auto; ">

Center

</div>


in ie wel een gecentreerd resultaat...dus ligt het aan het swfobject gedoe?

link naar de site

edit:
index html naar old hernoemd, tijdelijk de boel opgelost met align=center...zucht

[ Voor 13% gewijzigd door Verwijderd op 21-09-2006 17:22 ]


  • Cartman!
  • Registratie: April 2000
  • Niet online
Je plaatst em nu 2 keer trouwens :?
1 keer gewoon en 1 keer met SWObject...? Dat lijkt al niet te kloppen.

Verwijderd

Topicstarter
de eerste wordt alleen getoond als het misgaat met het swfobject javascript. als ik die content weghaal maakt dat niets uit overigens.

  • orf
  • Registratie: Augustus 2005
  • Nu online

orf

text-align: center; op de parent gebruiken voor IE

Verwijderd

Topicstarter
sorry, dat houd zoiets in als

*
{
text-align: center;
}


?

dat werkt ieg wel, ik had daar niet aan gedacht omdat het text-align heet. hehe, bedankt!

  • Bram77
  • Registratie: September 2004
  • Laatst online: 10-07-2023
code:
1
2
3
<div style="position:absolute; left:50%; top:50% width:300px; height:300px; margin-left:-150px; margin-top:-150px;">
   content
</div>


Of begrijp ik het verkeerd?

[ Voor 22% gewijzigd door Bram77 op 21-09-2006 18:08 ]


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Nee, maar je manier is verre van ideaal; als je het browservenster verkleint, staat hij buiten beeld ;)

Als je die ene div wil centreren, geef er ff een class/id aan en het zelfde voor de parent daarvan:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
#parent {
  text-align: center;
}
.divmetswf {
  width: 6em;
  margin: 0 auto;
  text-align: left;
}


Check btw ook ff wat de invloed van die breedte in em is, dat kan mogelijk ook problemen opleveren.

  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
heeft dit niet gewoon te maken met het ontbreken van een doctype declaratie?

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!


Verwijderd

Topicstarter
bedankt voor jullie comments, ik ga er straks nog even aan zitten. _/-\o_
Pagina: 1