✔ <script> in <div> horizontal zentrieren

[di-five]

Hallo,

ich möchte ein Script in einem Div-Container horizontal zentrieren,
aber es klappt leider nicht. Hier mal der HTML-Code:

      <div id="main_right">
        <script language="JavaScript" type="text/javascript" src="http://wetter.rtl.de/services/kunden/homecustomer.php?id=242408&crypt=5fe0d95f9741cc5e7ee4cc635499a086"></script>
      </div>

Und hier der aus der CSS-Datei:

div#main_right {
  width: 200px;
  background-color: aqua;
  float: right;

  margin-bottom: 10px;
}

Hat jemand eine Idee, was ich machen muss, damit das Script in dem Container horizontal zentriert angezeigt wird?

Ich würde mich über Vorschläge freuen.

Viele Grüße
di-five

 

[Maik]

Hi,

der IE würde den Inhalt der Box mit text-align:center horizontal zentrieren:

div#main_right {
  width: 200px;
  background-color: aqua;
  float: right;

  margin-bottom: 10px;
  text-align:center;
}

Nicht aber die übrigen Browser, für sie wäre eine Erweiterung des bestehenden Markups um eine weitere Box erforderlich:

<div id="main_right">
     <div id="weatherBox">
          <script language="JavaScript" type="text/javascript" src="http://wetter.rtl.de/services/kunden/homecustomer.php?id=242408&crypt=5fe0d95f9741cc5e7ee4cc635499a086"></script>
     </div>
</div>

die wie folgt formatiert wird:

div#weatherBox {
width:152px; /* Breite der Wetter-Tabelle */
margin:0 auto;
}

mfg Maik

 

[di-five]

Hi Maik,

so funktioniert das einwandfrei

Vielen herzlichen Dank!

Viele Grüße
di-five