Ankündigung

Einklappen
Keine Ankündigung bisher.

iframe scrollen

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • iframe scrollen

    Hallo

    Würde gerne folgende Seite in eine Wordpress Seite per Iframe einbinden

    Diese Seite

    Sie sollte aber auf keinen Fall eine gewisse Höhe überschreiten

    Der Code den ich zum einbinden benutze schaut so aus:

    Code:
    <iframe src="http://astore.amazon.de/film-books-21" width="90%" height="800" frameborder="0" scrolling="no"></iframe>
    Die Höhe würde mit 800 oder 900 optimal in meine Seite passen!

    Nur das Problem ist daß die eingebunde iframeseite bei manchen dort aufgeführten Produkten die 800 bei weiten übersteigen!

    Gibt es vll eine Möglichkeit damit automatisch rechts eine Scroll - Leiste entsteht sobald die 800 überschritten werden?

    Somit würde mein iframe Fenster immer die gleiche Höhe haben:

    Der Code zur Produktseiten CSS ist folgender:
    (Hab versucht dort einen Scrollbefehl ab einer Höhe von 800 einzubauen,
    keine Ahnung das überhaupt möglich ist)


    Code:
    /* PRODUCT DETAILS */
    #content {
          background:#363636;
          padding:14px 24px;
    }
    span.reviewtitle {
          font-size:12px;
          font-weight:bold;
    }
    table#detailheader {
          width:482px;
    }
    table#detailheader td {
          vertical-align:top;
    }
    td#detailImage {
          padding: 5px 20px 5px 5px;
    }
    div#productDescription {
          padding-top:20px;
    }
    div#customDescription
    {
        padding-bottom:10px;
    }
    table#prices
    {
        margin:0px;
    }
    #notAvailableNotice
    {
        margin-top:10px;
    }
    .amount {
          font-size:10.5pt; 
          font-weight:bold;
    }
    div#titleAndByLine
    {
        margin-bottom:5px;
    }
    form#addToCartForm
    {
        margin-top:10px;
    }
    td.issueslabel,
    td.pricelabel
    {
        font-size:10.5pt; 
        font-weight:bold;
        text-align:right;
        white-space:nowrap;
    }
    tr#listprice td
    {
        vertical-align:bottom;
    }
    tr#listprice td span.amount
    {
        text-decoration:line-through;
        font-weight:normal;
    }
    #loyaltypoints #loyaltyPointsAmount
    {
        font-weight:normal;
    }
    .by {
          font-size:9pt; 
          font-weight:normal;
    }
    
    /* Variation selector styles */ 
    div#dynVariationSelector {
      margin-top:10px;
      background:#333333;
      padding:0px;
      display:none;
    }
    div.variationSelector {
      padding:0px 10px;
    }
    div.selectorHeading {
      font-size:14px;
      font-weight:bold;
      margin: 5px 0px 15px;
    }
    div.selectorAvailability {
      margin: 12px 0px 5px;
    }
    div.dimensionLabel {
      font-weight:bold;
      margin-bottom:3px;
    }
    div.dimValContainer {
      margin-bottom:5px;
    }
    span.dv_hover, span.dv_avail, span.dv_selected, span.dv_unavail { 
      padding:3px 2px;
      margin:0px;
      white-space:nowrap;
      line-height:2.3;
      cursor:pointer;
      font-size:10px;
    }
    span.dv_hover { 
      border:2px solid #A59F9F;
      margin:-1px;
    }
    span.dv_avail { 
      border:1px solid #A59F9F;
    } 
    span.dv_selected { 
      border:1px solid #A59F9F;
      background-color:#A59F9F;
      color:#363636;
    }
    span.dv_unavail { 
      border:1px dashed #A59F9F;
    }
    .relative {
      position:relative;
    }
    div#chooseVariationBFCartAdd {
      position:absolute;
      top:30px;
      left:0px;
      width:200px;
      display:none;
      background-color:#FFFFFF;
      color:#000000;
      border:2px ridge #C0C0C0;
      z-index:2;    
      padding:5px;
    }
    div#variationNotAvailable {
      position:absolute;
      top:50px;
      left:-5px;
      width:180px;
      display:none;
      background-color:#EEBBBB;
      color:#770000;
      border:1px solid #550000;
      z-index:2;    
      padding:5px;
      font-weight:bold;
      opacity:.9;
      filter:alpha(opacity = 90);
      text-align:center;
    }
    span.notAvailHighlight {
      color:#AA0000;
    }
    img.custReviewStars {
      margin-left:10px;
    }
    div#editorialReviews
    {
        overflow-x:auto;
        width:482px;
    }
    div#legalDisclaimers
    {
        font-size:8pt;
    }
    
    /*Associate Provided CSS*/

    Danke für eventuelle Hilfe/Tipps

    mfg

  • #2
    das ist jetzt ein Scherz, oder ?

    Code:
    scrolling="no" // !!!
    wie wäre es mit einem scrolling="auto" oder "yes" ?
    "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

    Kommentar


    • #3
      Okay danke erstmal!
      Das hab ich schon vorher beim iframe versucht!

      Nun ist meine Frage ob und wo ich in der der css template und nicht beim iframe einbinden das Scrollen bestimmen kann!

      Habe den iframe nämlich schon an zig stellen eingebunden und würde eben daher das Scrollproblem anhand der css datei ändern!

      Somit würde ich mir die Arbeit ersparren alle iframecodeschnipsel einzeln zu ändern!

      Also vermutlich
      Code:
      scrolling="auto" oder "yes"
      als Befehl direkt in der css einbinden??

      Und eventuell noch die Höhe definieren??
      Oder lieg ich falsch in der Annahme, daß man es in der CSS bestimmen kann?

      Wo und wie??

      Kommentar


      • #4
        schau dir selfhtml an - http://de.selfhtml.org/navigation/cs...positionierung

        musst du wahrscheinlich mit overflow: scroll; lösen
        "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

        Kommentar


        • #5
          Zitat von broski Beitrag anzeigen
          Nun ist meine Frage ob und wo ich in der der css template und nicht beim iframe einbinden das Scrollen bestimmen kann!
          prinzipiell kannst du dies in der CSS ändern, aber beachte hier die Hierarchie...
          Inline-Styles werden höher Priorisiert als eingebundene .CSS Dateien.
          Zitat von broski Beitrag anzeigen
          Code:
          <iframe src="http://astore.amazon.de/film-books-21" width="90%" height="800" frameborder="0" scrolling="no"></iframe>
          Zitat von broski Beitrag anzeigen
          Somit würde ich mir die Arbeit ersparren alle iframecodeschnipsel einzeln zu ändern!
          Dies musst du aber in jedem fall machen.


          Sauberer ist es, alles innerhalb der .CSS zu definieren und generell auf die Verwendung von Inline-Styles zu verzichten.
          Generell würde ich dir dazu http://www.css4you.de/ empfehlen.

          Kommentar


          • #6
            Inline-Styles werden höher Priorisiert als eingebundene .CSS Dateien.
            Attribute sind keine Inline-Styles.
            [COLOR="#F5F5FF"]--[/COLOR]
            [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
            „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
            [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
            [COLOR="#F5F5FF"]
            --[/COLOR]

            Kommentar


            • #7
              trotzdem nikosch .. wie verhält es sich mit CSS-Anweisungen und gegenlautenden Attributen ... also speziell

              CSS : overflow: scroll;
              Attr : scrolling="no"

              ? hat da generell CSS den Vorrang?
              "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

              Kommentar


              • #8
                Dem ungeschriebenen Gesetz der (Style-)Kaskade entsprechen hätte das Style-Attribut eine höhere Priorität als gelinktes CSS, CSS allerdings eine höhere Priorität gegenüber den Tag-Attributen. ( Danke an ChrisB für korrigieren )

                Derweil Scrolling nicht direkt mit overflow in Verbindung steht. Overflow steuert das Eskalationsverhalten von Blockelementen dessen Inhalt größer ist als sie selbst. Das Scrolling-Attribut steuert die Verwendbarkeit der Scrollbalken des Elements. Zweiteres impliziert zwar Ersteres, allerdings Ersteres nicht Zweiteres. Ein "noscroll"-Block, sodenn er eine feste größe hätte, würde den inhalt nicht über den Rand hinaus darstellen. Ein Overflow:visible-Block, gleicher proportion schon.
                [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

                Kommentar


                • #9
                  Zitat von tr0y Beitrag anzeigen
                  Dem ungeschriebenen Gesetz der (Style-)Kaskade entsprechen hätte das Style-Attribut / Tag-Attribut eine höhere Priorität als gelinktes CSS. Ergo: <... scrolling="no"></..> vor ... { overflow: scroll; }
                  Inline-Styles haben höhere Priorität - per HTML-Attribut gemachte Angaben werden aber von Stylesheet-Regeln überschrieben.
                  [SIZE="1"]RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?[/SIZE]

                  Kommentar


                  • #10
                    Das trifft bei Style-Terminierten Attributen zu, scrolling gehört da nicht zu.
                    [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

                    Kommentar


                    • #11
                      Ändert nichts daran, dass diese Aussage in Bezug auf das unterstrichene generell nicht stimmt:
                      Dem ungeschriebenen Gesetz der (Style-)Kaskade entsprechen hätte das Style-Attribut / Tag-Attribut eine höhere Priorität als gelinktes CSS.
                      [SIZE="1"]RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?[/SIZE]

                      Kommentar


                      • #12
                        Zitat von ChrisB Beitrag anzeigen
                        Ändert nichts daran, dass diese Aussage in Bezug auf das unterstrichene generell nicht stimmt:
                        Habs korrigiert, danke.
                        [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

                        Kommentar


                        • #13
                          danke für eure gemeinsamen Auskünfte dazu
                          "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

                          Kommentar


                          • #14
                            Ja danke!
                            werd alle iframes einzeln ändern und nächste mal bin ich gescheiter!
                            mfg

                            Kommentar

                            Lädt...
                            X