Hvordan centreres et objekt?

<div align="center">noget</div>

du skal ikke kende brugeres skærmopløsning men bare målene på det element du vil centrere:

<div style="top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;">blabla</div>

og i øvrgt er det ikke så besværligt endda, se evt.: http://www.e-tidsskrift.dk/dev/center_div.php
//mik

<div align="center">noget</div>
Denne er afprøvet men virker desværre ikke!!!

<div style="top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;">blabla</div>
Denne er godt nok ikke afprøvet, men vil den ikke give lidt samme effekt som ovenstående ??

//Oergaard

nej, for den regner jo præcist ud hvor dit element skal placeres... men hvad er det for et objekt vi taler om?

Det er en lang række af billeder i et lille format, men kan så scrolle fra side til side, ved blot, at holde musen over hhv. pil til højre og venstre.

Jeg tror lidt problemet ligger i min CSS kode, hvor jeg har skrevet "position:absolut"

Jeg skriver derefter i mit script Objekt.Left="";

Men jeg har ikke kunne få det til at virke uden denne del.

//Oergaard

hvis "Objekt" er navnet på dit objekt og "Left" er navn på CSS egneskaben "left", skal du skrive: Objekt.style.left=""

hvis objektet har position:absolute, vil det blive regnet fra første omgivende boks med position: absolute eller realtive eller (hvis ikke der er en sådan) fra rod-elementet (html i standard mode, body i quirksmode)

og lige en ting til: for at text-align:center skal virke skal det element du vil centrere have venstre og højre margin sat til "auto" eller der skal ikke være angivet margin, altså f.eks.: margin: 20px auto; eller margin-left: auto; margin-right: auto;

jeg tror også at du SKAL have en angivelse af position når du bruger top og left (som jeg også gør i mit eks. ovenfor). Så koden skulle vel være:

<div style="position:absolute;top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;">blabla</div>

<div style="position:absolute;top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;">blabla</div>
Dette er nu prøvet, men virker ikke.

Objektet bliver ikke placeret i CSS, men i selve scriptet, jeg er meget sikker på, at det ikke vil virke grundet, at scriptet går ind over SCC.
Mit script hedder:
oBg.moveIt(sLeft,sTop);

Jeg har så en funktion, som hedder MoveIt, som har koden:
if(x!=null){this.x=x; this.css.left=this.x+px;}
if(y!=null){this.y=y; this.css.top=this.y+px;}

Når jeg ændre de to værdier (sLeft & sTop) flytter objektet sig fint, men jeg kan ikke få den centreret.

//Oergaard

du er nødt til at centrere i forhold til den omgivende box; kender du målene på den? prøv at lægge noget mere kode - både hvad der er af css og af javascript til dit objekt

koden kan ses på følgende link:
http://www.dhtmlcentral.com/script/script.asp?id=30

Jeg har godt nok ændret lidt i koden, men ikke hvad har med position at gøre.

//Oergaard

jeg har ikke arbejdet med de der dhtml-central menuer - desværre :-\

måske kan der komme andre på banen...?

det er der jo ikke noget at gøre ved, man kan sige, at du har gjort dit, det kan også være, at jeg bare skal lade det være som det er!!

Pt virker det med en alm. scroll-bar, men synes den med bare at holde musen hen over var/er ret smart!!!

Jeg nøjes med det jeg allerede har! :-)

//Oergaard