Thread: CSS Box-Shadow Probleem
-
05-05-2011, 17:45 #1Member
- 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
- yono votes
-
-
05-05-2011, 17:59 #2Approved 9liver
- 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
-
05-05-2011, 18:46 #3Member
- Registered
- 16/02/09
- Location
- Gent
- Posts
- 29
- iTrader
- 0
- Mentioned
- 0 Post(s)
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
-
05-05-2011, 19:18 #4Deactivated user
- 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
-
05-05-2011, 19:57 #5Member
- Registered
- 16/02/09
- Location
- Gent
- Posts
- 29
- iTrader
- 0
- Mentioned
- 0 Post(s)
no votes
-
05-05-2011, 20:04 #6Member
- 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
-
05-05-2011, 21:25 #7Member
- Registered
- 16/02/09
- Location
- Gent
- Posts
- 29
- iTrader
- 0
- Mentioned
- 0 Post(s)
no votes
-
05-05-2011, 21:33 #8Member
- 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
-
05-05-2011, 21:57 #9
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
-
05-05-2011, 22:35 #10Member
- Registered
- 16/02/09
- Location
- Gent
- Posts
- 29
- iTrader
- 0
- Mentioned
- 0 Post(s)
no votes
-
05-05-2011, 22:43 #11Member
- Registered
- 16/02/09
- Location
- Gent
- Posts
- 29
- iTrader
- 0
- Mentioned
- 0 Post(s)
#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

