tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
9
ZUGRIFFE
435
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    Also ich habe folgendes Problem ich möchte inhalb des Hauptdivs zentriert einen weiteren div anzeigen
    ich hatte es auch vor stunden mal
    aber irgendwie bekomm ichs nicht erneut hin ich schätz ich hab einfach iwo einen total doffen denkfehler
    ich versteh auch einfach ned warum er des jetzt ned einfach anzeigt

    hier is mal der code

    HTML-Code:
    <div style="width:500px; height:500px; margin:40px 174px 0px 174px; padding:0px; background:#E1E1E1 url(<?php echo "images/galerie/" . $bild . ".jpg" ?>) no-repeat center; -webkit-box-shadow:5px 5px 20px black; -moz-box-shadow: 5px 5px 20px black; box-shadow: 5px 5px 20px black;">
        <form action="" method="post">
            <input style="margin:-30px 0px 0px 0px; border:2px solid #E1E1E1; border-bottom:none; background:#E1E1E1; width:100px; height:30px; float:left; font-size:20px;" type="submit" value="zur&uuml;ck" name="z" onmouseover="this.style.background = 'white';" onmouseout="this.style.background = '#E1E1E1';" />
            <input style="margin:-30px 0px 0px 120px; border:2px solid #E1E1E1; border-bottom:none; background:#E1E1E1; width:100px; height:30px; float:left; font-size:20px;" type="submit" value="Info" name="i" onmouseover="this.style.background = 'white';" onmouseout="this.style.background = '#E1E1E1';" />
            <input style="margin:-30px 0px 0px 0px; border:2px solid #E1E1E1; border-bottom:none; background:#E1E1E1; width:100px; height:30px; float:right; font-size:20px;" type="submit" value="vor" name="v" onmouseover="this.style.background = 'white';" onmouseout="this.style.background = '#E1E1E1';" />
            <input type="hidden" value="<?php echo $bild ?>" name="wert" />
        </form>
        <div style="width:480px height:200px; margin:150px 50px; background:white;">
    
        </div>
    </div>
    danke für eure hilfe

    mfg
    Marvin
     

  2. #2
    Avatar von para_noid
    para_noid para_noid ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    144
    Es würde schonmal was bringen wenn du deinen Code auf Schreibfehler überprüfst.

    HTML-Code:
    <div style="width:480px height:200px; margin:150px 50px; background:white;">
    da fehlt das Semikolon zwischen width und height, das macht das Div schonmal "leer" und entsprechend klein.

    Btw hab ich die Background-Angaben
    background:#E1E1E1 url(<?php echo "http://www.tutorials.de/images/galerie/" . $bild . ".jpg" ?>) no-repeat center;
    so noch nie gesehen. Ich kenn es nur als "Bild Repeat Position Farbe". Bin mir da jetzt aber nicht sicher und hat auch mit dem Problem nichts zu tun.

    Du hast auch innerhalb der Form gefloatet und das Float nicht beendet.

    Bei 0px-Angaben schreibt man btw im Normalfall einfach padding:0;
    Geändert von para_noid (08.11.11 um 22:26 Uhr)
     
    Für die Übereinstimmung von Niederschrift und Hirninhalt.

  3. #3
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    des was du noch nicht gesehen hast funktioniert einwandfrei so wies soll
    ja danke für den semikolon fehler wie gesagt ich stand total aufm schlauch :P
    aber was meinst du mit float beenden
     

  4. #4
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    mir is nachdem ich jetzt nochmal etwas rumgespielt hab aufgefallen das der innere div den ausenabstand nicht zu seinem eltern sonder zum eltern elment des elternelemnts nimmt
     

  5. #5
    Avatar von para_noid
    para_noid para_noid ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    144
    Damit meint ich ein clear.

    das der innere div den ausenabstand nicht zu seinem eltern sonder zum eltern elment des elternelemnts nimmt
    Mh? Doch, es ist der Abstand zum umfließenden Div. Und da ergeben 480px width mit jeweils 50px margin nach rechts und links 580px Breite, also passt es nicht mehr ins 500pxbreite umschließende Div hinein.
     
    Für die Übereinstimmung von Niederschrift und Hirninhalt.

  6. #6
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    die werte nach rechts un links sind mir selbst schon aufgefallen -.-
    aber oben unten passt irgendwie nicht
    sag bloss das hab ich auch falsch gerechnet

    zum besseren verständnis guck mal vorbei
    www.marvinbrieger.de
    ps wenn der obere teil abgeschnitten is einfach rauszoomen
    der bug is des nächste prob an das ich ran muss -.-
     

  7. #7
    Avatar von para_noid
    para_noid para_noid ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    144
    Nein. Wenn du dir das Ganze im Firebug ansiehst, merkst du, dass das innner Div an sich richtig positioniert ist, im relativen Rahmen.
    Füge zu dem Div ein position: absolute; hinzu.
     
    Für die Übereinstimmung von Niederschrift und Hirninhalt.

  8. #8
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    oke jetzt funtkionierts
    vielen dank das ma geholfen hasch
    mfg marvin
    Geändert von aiquita (08.11.11 um 23:04 Uhr)
     

  9. #9
    Avatar von para_noid
    para_noid para_noid ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    144
    Kannst du dann bitte nochmal deinen aktuellen Code posten? Ich hatte deinen übernommen und angepasst und das Ergebnis war sauber (FF) - es sei denn, das hab ich falsch aufgefasst.

    Inneres Div:

    Code :
    1
    2
    3
    4
    5
    
        background: none repeat scroll 0 0 white;
        height: 200px;
        margin: 150px 10px;
        position: absolute;
        width: 480px;
     
    Für die Übereinstimmung von Niederschrift und Hirninhalt.

  10. #10
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    so wie du es hast is in ordnung ich hab mich verschrieben mal wieder heut
    is ned so mein tag
    also danke noma
     

Ähnliche Themen

  1. Denkfehler?
    Von one6666 im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 16.03.10, 13:25
  2. Denkfehler
    Von sight011 im Forum Cinema 4D
    Antworten: 16
    Letzter Beitrag: 17.02.09, 15:40
  3. VBA Denkfehler
    Von TaylorDorton im Forum Visual Basic 6.0
    Antworten: 2
    Letzter Beitrag: 31.07.06, 21:13
  4. Denkfehler?
    Von emplace im Forum PHP
    Antworten: 2
    Letzter Beitrag: 23.05.02, 17:58
  5. Wo ist der Denkfehler****
    Von Bushman im Forum PHP
    Antworten: 5
    Letzter Beitrag: 09.10.01, 09:19