1. #1

    Registered
    16/02/09
    Location
    Gent
    Posts
    29
    iTrader
    0
    Mentioned
    0 Post(s)

    CSS Box-Shadow Probleem

    Ik heb een probleem met CSS box-shadow,
    ik probeer de linkerkant van de box-shadow van mijn content-div te laten verdwijnen (of dat hij dus niet meer op mijn linkerkolom valt) maar heb nog geen oplossing gevonden...zie link

    http://dl.dropbox.com/u/2314478/Scre...2016.37.32.png

    Indien code gewenst, zeg maar

    - yo
    no votes  

  2. #2
    GregoryCo's Avatar
    Registered
    29/10/03
    Location
    Izegem
    Posts
    4,748
    iTrader
    25 (100%)
    Mentioned
    0 Post(s)
    Reputation
    6/9
    Verander gewoon uw indexen van de 2, zodat de linkse boven de rechtse ligt
    no votes  

  3. #3

    Registered
    16/02/09
    Location
    Gent
    Posts
    29
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by GregoryCo View Post
    This quote is hidden because you are ignoring this member. Show
    Verander gewoon uw indexen van de 2, zodat de linkse boven de rechtse ligt
    bedoel je z-index?

    Maar ik wil ook niet het omgekeerde, de shadow van mijn kolom mag niet op de content staan...

    Ik had het al eens geprobeerd door z-index van de twee divs alletwee hetzelfde te maken, bvb 0, maar dat deed helemaal niets.
    no votes  

  4. #4

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Een snelle googel ("selective box shadow") geeft dit: Remove drop shadow/border from selective photos in posts - Blogger Help Daar staat de oplossing.
    no votes  

  5. #5

    Registered
    16/02/09
    Location
    Gent
    Posts
    29
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by BramVroy View Post
    This quote is hidden because you are ignoring this member. Show
    Een snelle googel ("selective box shadow") geeft dit: Remove drop shadow/border from selective photos in posts - Blogger Help Daar staat de oplossing.
    Nee, daar staat het niet op. Die selective slaat daar op de foto's, nie de verschillende randen...

    Ik had ook al eens gegoogled, maar zonder succes.
    no votes  

  6. #6
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Aangezien ge zowel links als rechts schaduw wilt kunt ge toch gewoon de schaduw op het omringende containerelement zetten?
    no votes  

  7. #7

    Registered
    16/02/09
    Location
    Gent
    Posts
    29
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by Zero Grav View Post
    This quote is hidden because you are ignoring this member. Show
    Aangezien ge zowel links als rechts schaduw wilt kunt ge toch gewoon de schaduw op het omringende containerelement zetten?
    Heb ik ook al eens geprobeerd, maar die container is te groot, aangezien mijn linker kolom niet even lang is als mijn content..
    no votes  

  8. #8
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Aangezien uw achtergrondkleur van de sidebar en de contentbar hetzelfde zijn maakt dat toch niet uit? Ge zet die achtergrondkleur dan gewoon op die container.
    no votes  

  9. #9
    Dubbelpunt's Avatar
    Registered
    23/03/09
    Location
    Belgie
    Posts
    5,054
    iTrader
    5 (86%)
    Mentioned
    0 Post(s)
    kan je de code eens posten?

    ps: ik snap die extra CSS3 zaken niet, ze werken nooit in standaard browsers als IE7 of IE8 en call me old fashion, maar de meeste mensen gebruiken wel helaas deze browsers (ik kan ook verkeerd zijn)

    het geeft natuurlijk wel een extra voor die overige 15%
    Last edited by Dubbelpunt; 05-05-2011 at 22:04.
    no votes  

  10. #10

    Registered
    16/02/09
    Location
    Gent
    Posts
    29
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by Zero Grav View Post
    This quote is hidden because you are ignoring this member. Show
    Aangezien uw achtergrondkleur van de sidebar en de contentbar hetzelfde zijn maakt dat toch niet uit? Ge zet die achtergrondkleur dan gewoon op die container.

    Screenshot is niet volledig, achtergrond container is transparant dus dat lengteverschil is te zien...
    no votes  

  11. #11

    Registered
    16/02/09
    Location
    Gent
    Posts
    29
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by Dubbelpunt View Post
    This quote is hidden because you are ignoring this member. Show
    kan je de code eens posten?

    ps: ik snap die extra CSS3 zaken niet, ze werken nooit in standaard browsers als IE7 of IE8 en call me old fashion, maar de meeste mensen gebruiken wel helaas deze browsers (ik kan ook verkeerd zijn)

    het geeft natuurlijk wel een extra voor die overige 15%

    #container {
    margin: 0 auto;
    width: 902px;
    text-align: left;
    }

    #content {
    position:relative;
    top:0;
    left:0;
    width:680px;
    float: left;
    background-color: #FFFDFC;
    border-bottom: 7px solid #9BBB38;
    padding: 10px 20px 20px 30px;
    border-left: 1px solid #A5AEA3;
    -moz-box-shadow: 0 0 20px #C0C0C0;
    -webkit-box-shadow: 0 0 20px #C0C0C0;
    box-shadow: 0 0 20px #C0C0C0;
    }
    html>body #content {
    width: 680px;
    }
    * html #content {
    overflow: hidden;
    /* So IE won't break things */
    }
    #rightColumn {
    float: right;
    width:130px;
    background-color: #FFFDFC;
    border-bottom: 7px solid #9BBB38;
    padding: 10px 20px 10px 20px;
    border-right: 1px solid #A5AEA3;
    -moz-box-shadow: 0 0 20px #C0C0C0;
    -webkit-box-shadow: 0 0 20px #C0C0C0;
    box-shadow: 0 0 20px #C0C0C0;
    }
    html>body #rightColumn {
    width: 130px;
    }



    Ik zou het eens moeten testen op IE8, maar normaal gezien ziet de pagina er da normaal uit, maar dan zonder shadows, geen drama dus. IE9 heeft CSS3 geloof ik, dus geen probleem daar.
    Het wordt meer en meer bekend tussen het "gewone volk" dat de oudere IE's gewoon junk zijn, dus ik denk dat dat percentage wel extreem is..
    Browser Statistics
    Is wel een site waar meeste bezoekers bewust zijn van de problemen van oude IE, maar toch.
    no votes  

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in