Archief - 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/Screen%202011-05-05%20at%2016.37.32.png

Indien code gewenst, zeg maar

- yo

Verander gewoon uw indexen van de 2, zodat de linkse boven de rechtse ligt

GregoryCo zei:

Verander gewoon uw indexen van de 2, zodat de linkse boven de rechtse ligt

Klik om te vergroten...

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.

Een snelle googel ("selective box shadow") geeft dit: Remove drop shadow/border from selective photos in posts - Blogger Help Daar staat de oplossing.

BramVroy zei:

Een snelle googel ("selective box shadow") geeft dit: Remove drop shadow/border from selective photos in posts - Blogger Help Daar staat de oplossing.

Klik om te vergroten...

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.

Aangezien ge zowel links als rechts schaduw wilt kunt ge toch gewoon de schaduw op het omringende containerelement zetten?

Zero Grav zei:

Aangezien ge zowel links als rechts schaduw wilt kunt ge toch gewoon de schaduw op het omringende containerelement zetten?

Klik om te vergroten...

Heb ik ook al eens geprobeerd, maar die container is te groot, aangezien mijn linker kolom niet even lang is als mijn content..

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.

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%

Zero Grav zei:

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.

Klik om te vergroten...

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

Dubbelpunt zei:

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%

Klik om te vergroten...

#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.