Seite 1 von 5 12345 LetzteLetzte
Ergebnis 1 bis 10 von 46

Thema: Box zentrieren mit Impromptu

  1. #1
    Meister(in) Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard Box zentrieren mit Impromptu

    Hallo,

    ich habe auf meiner Seite jetzt Impromptu eingebaut, z. B. hier:

    Scherzfragen

    (Zum Testen auf einen Lösungsbutton klicken)

    Wie ihr seht, erscheint die Box am oberen Bildschirmrand.

    Ist es möglich, die Box auf dem Bildschirm zu zentrieren, wie es z. B. alert() macht?

    Gruß,

    Cujo
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Cujo (25.10.2009 um 11:47 Uhr)

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Box zentrieren mit Impromptu

    bestimmt kannste da was mit css machen... musste halt rausfinden an welcher stelle das element seinen style zugewiesen bekommt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Box zentrieren mit Impromptu

    Kannst du es dir vielleicht mal angucken? Ich finde die entsprechende Stelle einfach nicht.

    Code:
    /*
    ------------------------------
        Impromptu's
    ------------------------------
    */
    .jqifade{
        position: absolute; 
        background-color: #aaaaaa; 
    }
    div.jqi{ 
        width: 400px; 
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
        position: absolute; 
        background-color: #ffffff; 
        font-size: 11px; 
        text-align: left; 
        border: solid 1px #eeeeee;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 7px;
    }
    div.jqi .jqicontainer{ 
        font-weight: bold; 
    }
    div.jqi .jqiclose{ 
        position: absolute;
        top: 4px; right: -2px; 
        width: 18px; 
        cursor: default; 
        color: #bbbbbb; 
        font-weight: bold; 
    }
    div.jqi .jqimessage{ 
        padding: 10px; 
        line-height: 20px; 
        color: #444444; 
    }
    div.jqi .jqibuttons{ 
        text-align: right; 
        padding: 5px 0 5px 0; 
        border: solid 1px #eeeeee; 
        background-color: #f4f4f4;
    }
    div.jqi button{ 
        padding: 3px 10px; 
        margin: 0 10px; 
        background-color: #2F6073; 
        border: solid 1px #f4f4f4; 
        color: #ffffff; 
        font-weight: bold; 
        font-size: 12px; 
    }
    div.jqi button:hover{ 
        background-color: #728A8C;
    }
    div.jqi button.jqidefaultbutton{ 
        /*background-color: #8DC05B;*/
        background-color: #BF5E26;
    }
    .jqiwarning .jqi .jqibuttons{ 
        background-color: #BF5E26;
    }
    
    /*
    ------------------------------
        impromptu
    ------------------------------
    */
    .impromptuwarning .impromptu{ background-color: #aaaaaa; }
    .impromptufade{
        position: absolute;
        background-color: #ffffff;
    }
    div.impromptu{
        position: absolute;
        background-color: #cccccc;
        padding: 10px; 
        width: 300px;
        text-align: left;
    }
    div.impromptu .impromptuclose{
        float: right;
        margin: -35px -10px 0 0;
        cursor: pointer;
        color: #213e80;
    }
    div.impromptu .impromptucontainer{
        background-color: #213e80;
        padding: 5px; 
        color: #ffffff;
        font-weight: bold;
    }
    div.impromptu .impromptumessage{
        background-color: #415ea0;
        padding: 10px;
    }
    div.impromptu .impromptubuttons{
        text-align: center;
        padding: 5px 0 0 0;
    }
    div.impromptu button{
        padding: 3px 10px 3px 10px;
        margin: 0 10px;
    }
    
    /*
    ------------------------------
        columns ex
    ------------------------------
    */
    .colsJqifadewarning .colsJqi{ background-color: #b0be96; }
    .colsJqifade{
        position: absolute;
        background-color: #ffffff;
    }
    div.colsJqi{
        position: absolute;
        background-color: #d0dEb6;
        padding: 10px; 
        width: 400px;
        text-align: left;
    }
    div.colsJqi .colsJqiclose{
        float: right;
        margin: -35px -10px 0 0;
        cursor: pointer;
        color: #bbbbbb;
    }
    div.colsJqi .colsJqicontainer{
        background-color: #e0eEc6;
        padding: 5px; 
        color: #ffffff;
        font-weight: bold;
        height: 160px;
    }
    div.colsJqi .colsJqimessage{
        background-color: #c0cEa6;
        padding: 10px;
        width: 280px;
        height: 140px;
        float: left;
    }
    div.colsJqi .jqibuttons{
        text-align: center;
        padding: 5px 0 0 0;
    }
    div.colsJqi button{
        background: top left repeat-x #ffffff;
        border: solid #777777 1px;
        font-size: 12px;
        padding: 3px 10px 3px 10px;
        margin: 5px 5px 5px 10px;
        width: 75px;
    }
    div.colsJqi button:hover{
        border: solid #aaaaaa 1px;
    }
    
    /*
    *------------------------
    *   Ext Blue Ex
    *------------------------
    */
    .extbluewarning .extblue{ border:1px red solid; }
    .extbluefade{ position: absolute; background-color: #ffffff; }
    div.extblue{ border:1px #C0C0C0 solid; position: absolute; background-color: #ffffff; padding: 0; width: 500px; text-align: center; }
    div.extblue .extblueclose{ background-color: transparent; cursor: pointer; color: black; text-align: right; }
    div.extblue .extbluecontainer{ background-color: #bed2e1; padding: 0 5px 5px 5px; color: #000000; font:normal 11px Verdana; }
    div.extblue .extbluemessage{ background-color: #ede9aa; padding: 5px; margin:0 15px 15px 15px; }
    div.extblue .extbluebuttons{ text-align: center; padding: 0px 0 0 0; }
    div.extblue button{ padding: 1px 4px; margin: 0 10px; background-color:#BFE0BD; font-weight:normal; font-family:Verdana; font-size:10px; }

  4. #4
    Thonixx
    Gast

    Standard AW: Box zentrieren mit Impromptu

    Code:
    div.extblue {
        position: absolute;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
            }

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Box zentrieren mit Impromptu

    leider liegste da falsch firefox.. da wird nen element-style per javascript gesetzt....
    oder .sollte das objekt schon im code existieren- dann direkt im code.. nicht im style-tag
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Box zentrieren mit Impromptu

    Hmmm...heißt das, dass es für mein Problem keine Lösung gibt?

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Box zentrieren mit Impromptu

    das heisst, dass es ne firemelarbeit is die entsprechende stelle zu finden, da im script alle umbrüche fehlen und es in einer einzelnen zeile is...

    such mal nach "fixed",height:$window.height(),width:"100%",t opie6)?$window.scrollTop():0,left:0,right:0,bottom:0 });
    (suchwort "fixed" sollte reichen, des kommt nur einmal vor im gesamten code der ../../scripts/jquery-impromptu.js

    und da ändere mal des topie6)?$window.scrollTop():0, und setz da mal nen wert...zb 200px oder sowas

    bin mir bei der ganzen faxe noch net sicher, weil ich a) noch kaum plan von jquery hab und b) das ganze hier nich testen kann (is mir zu mühselig alles zu kopieren und mir nen entsprechendes szenario zu basteln)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  8. #8
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Box zentrieren mit Impromptu

    Ich habe den Wert jetzt auf 200 geändert (allerdings ohne px) und bei meiner Auflösung 1280 x 1024 ist die Box jetzt auch ungefähr mittig. Bei einer niedrigeren Auflösung ist die Box allerdings jetzt ziemlich weit unten.

    Gibt es nicht die Möglichkeit, dass sich die Box von selbst automatisch zentriert? alert() macht das doch auch.

  9. #9
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Box zentrieren mit Impromptu

    ei bei alert is des ja auch programmiert...
    du könntest unter des script noch nen anderes script setzen.. viewport auslesen,
    document.body.clientWidth oder sowas ..
    element holen neu positionieren (top:50% minus (höhe der box/2) und left:50% minus (breite der box/2)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  10. #10
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Box zentrieren mit Impromptu

    Nee, dafür reichen meine Kenntnisse leider nicht aus. Aber du hast mir schon mal ein Stück weiter geholfen. Vielen Dank dafür

Ähnliche Themen

  1. Div Zentrieren
    Von Sea-Kay im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 11.10.2007, 17:39
  2. Div Box zentrieren?
    Von Bananachief im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.03.2007, 22:09
  3. HP zentrieren
    Von Gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.09.2006, 00:54
  4. div zentrieren
    Von skaal im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.08.2006, 18:04
  5. zentrieren!
    Von <Vincent> im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.07.2005, 20:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •