Hjelp med midtstilling av gadget

[Loffer]

Hei, jeg har laget nettstedet www.fescub.com, det er ikke store greia, men det fungerer.

 

Problemet mitt ligger hvis man går på førstesiden på indexen, da ser man normalt en twitter gadget. Jeg har to problemer med denne. For det første så er den ikke midtstilt, har prøvd alt mulig jeg kan tenke om for å fikse det, greien med gadgeten min er at jeg har kodet den slik at den er midtstilt på pc-skjermen min, men når jeg ser den på andre skjermer er den malplassert, for eksempel til høyre eller venstre, alt utifra hvilken skjerm størrelse man har tror jeg. Er det noen som kan fortelle hvordan jeg fikser dette?

 

Bonusspørsmål, hvorfor fungerer ikke gadgeten i Firefox eller IE? Den fungerer i Chrome.

 

(tatt fra twitter sin hjemmesidehttp://twitter.com/goodies/widget_profile)

Her er koden jeg har brukt, for å få den slik den er nå:

HTML-kode

<div id="tweet"><script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({
 version: 2,
 type: 'profile',
 rpp: 8,
 interval: 6000,
 width: 450,
 height: 350,
 theme: {
shell: {
  background: '#333333',
  color: '#ffffff'
},
tweets: {
  background: '#000000',
  color: '#ffffff',
  links: '#4aed05'
}
 },
 features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
 }
}).render().setUser('FeScUB').start();
</script></div>

 

Jeg har laget den i en div tag, også har jeg oppført hvordan den skal være her:

 

<style type="text/css"> 
<!--
#tweet {
display: block;
position: absolute;
background-color: #000000;
left: 480px;
top: 800px;
width: 300px;
height: 400px;
text-align: center;
z-index: 1;
}

z-index: 1;
}

 

Trenger virkelig hjelp, har faktisk vært plaget med dette i en mnd, og tenkte ikke på å søke hjelp fra forum før nå!

[naits150]

Har du prøvd:

div.something {align: center; position: float; margin-left: 30px; margin-right: 30px;}

 

Bytt om 30 px til det som passer selvfølgelig.

[Loffer]

Har du prøvd:

div.something {align: center; position: float; margin-left: 30px; margin-right: 30px;}

 

Bytt om 30 px til det som passer selvfølgelig.

 

Hei, takk for svar. Skal sjekke det ut, men tror ikke det vil løse problemet. Tror problemet ligger i det med måten jeg har plassert diven vises forskjellig på skjerm til skjerm ettersom hvilken størrelse de har eller oppløsning. Dette fordi jeg har plassert den med å skrive inn hvor den skal stå i plassene der det står "px" som gjør at den vises forskjellig fra skjerm til skjerm, ellerno.

 

Btw nyeste Firefox Beta fungerer med gadgeten!

[naits150]

Det er sant. Du kan jo prøve en metode jeg brukte til en bilde-overskrift en gang. Det funka for meg i IE og mozilla ihvertfall:)

 

h1.main
{
align: center;
width: 82.5%;
text-align: center;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

[Loffer]

Ok, har prøvd begge forslag, men det hjalp ingenting pga at trenger en ny måte å få midtstilt gadgeten, ikke en videreløsning av min metode. Finnes det ingen andre metoder?

 

Trenger virkelig hjelp i og med at jeg skal presentere nettstedet allerede på Fredag, og da må det være FEILFRITT!

 

HJELP!