christian rüttler: Warum ist dieser div nicht mittig?

SELF-Forum

Warum ist dieser div nicht mittig?

christian rüttler
– Informationen zu den Bewertungsregeln

hallo zusammen.
ich will mir ein banner aus einem div bauen, das mittig angezeigt werden soll.
leider tut es das nicht!
könne mir mal jemand einen tip geben?

<div id="BANNER"; style="width:600px; height:75px; border:4px solid #0000FF; background-color:#FFFF00"; float:center">

<div id="LINKS1"; style="width:75px; height:75px; background-color:#00FF00; float:left">
 <img src="http://www.gratis-homepage.de/userdaten/000192/02/bilder/productmgmtresourceservlet.jpg" width="75px" height="75px">
 </div id="LINKS1">

<div id="RECHTS"; style="width:75px; height:75px; background-color:#7FFF00; float:right"; text-align:center">
 <img src="http://www.gratis-homepage.de/userdaten/000192/02/bilder/hama_halsband-kopfhoerer_schwarz.jpg" width="75px" height="75px">
 </div id="RECHTS">

<div id="MIDDLE"; style="width:500px; height:75px; background-color:#FFFF00;text-align:center"; float:center">
 <font size=6><b>BASIC-EQUIPMENT</b></font><br>
 <font size=4>Elektrohandel</font>
 </div id="MIDDLE">

</div id="BANNER">

schon mal danke fürs schnelle antworten
mfg
chris

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Warum ist dieser div nicht mittig?

    Thomas Luethi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    ich will mir ein banner aus einem div bauen, das mittig angezeigt werden soll.
    <div id="BANNER"; style="width:600px; height:75px; border:4px solid #0000FF; background-color:#FFFF00"; float:center">

    Du schliesst die Anführungszeichen des style-Attributs zu früh.
    float:center gibt es nicht.
    Wenn man eine Hintergrundfarbe angibt, sollte man im gleichen Atemzug
    auch eine Vordergrundfarbe (color) angeben, um unliebsame Überraschungen
    und Warnungen des CSS-Validators zu vermeiden.

    margin-left:auto; margin-right:auto;
    zentriert ein Element selbst in modernen Browsern horizontal.

    text-align:center;
    zentriert den Inhalt eines Elements horizontal.

    Zum Nachlesen:
    http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren
    http://de.selfhtml.org/css/eigenschaften/index.htm
    insbesondere
    http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align
    http://de.selfhtml.org/css/eigenschaften/randabstand.htm

    HTH, mfg
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Warum ist dieser div nicht mittig?

    Harlequin
    – Informationen zu den Bewertungsregeln

    Yerf!

    float:center

    Ähm...?

    Zentrieren geht am besten mit margin:0 auto;

    Dabei solltest du darauf achten, dass sich der IE im <http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch@title=standardkonformen Modus> befindet.

    Gruß,

    Harlequin

    --
    <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Warum ist dieser div nicht mittig?

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    ich will mir ein banner aus einem div bauen, das mittig angezeigt werden soll.
    leider tut es das nicht!
    <div id="BANNER"; style="width:600px; height:75px; border:4px solid #0000FF; background-color:#FFFF00"; float:center">

    float:center;
    Interessante Eigenschaft.
    Aus welcher Stylesheet Sprache stammt die?

    <div id=BANNER style="margin:0 auto; width:750px;">
    ...
    </div>

    Validiere deinen Code.

    </div id=bla>
    ist Nonsense

    mfg Beat

    --
    Woran ich arbeite:
    X-Torah
       <°)))o><                      ><o(((°>o
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln