Avatar billede pacman Nybegynder
04. oktober 2005 - 16:51 Der er 6 kommentarer og
1 løsning

CSS absolute/relative skygge

har problem med følgende side:
http://stunning.dk/index_dummy.php

Skyggen bliver placeret korrekt i Firefox, men ikke i IE.

css'en er inkluderet i dokumentet, så den kan ses med en view source.

den vigtige del af css'en er nok primært:

#lmenu {
    float: left;
    position: relative;
    top: 20px;
    left: 30px;
    width: 180px;
    height: 250px;
    background-color:#2E2E2E;
    border: 1px solid #C3924A;
    color: #DDD;
    padding: 1em;
}

og

.box_bshadow {
    position: absolute;
    right: 0px;
    bottom: -5px;
    width: 100%;
    height: 4px;
    background-image:  url("gfx/box_bshadow.gif");
    background-repeat: repeat-x;
}
----

Den "overflødige" css der evt er, er der fordi det er taget ud af resten af siden.. Så ting som f.eks. "float: left;" er der af en grund.

Nogen der kan svare mig på hvad jeg gør galt og hvordan jeg retter det?
Nogen spørgsmål?
Avatar billede pacman Nybegynder
04. oktober 2005 - 17:47 #1
at fjerne "padding: 1em;" løser delvist problemet (den horizontale placering bliver ok - den vertikale er stadig forkert)
Avatar billede pacman Nybegynder
04. oktober 2005 - 19:03 #2
Dokumentet er nu opdateret til kun at indeholde de to absolut nødvendige elementer.
Avatar billede notes2c Nybegynder
04. oktober 2005 - 19:17 #3
IE er en mærkelig størrelse...

Skulle virke med denne...

.box_bshadow {
    position: absolute;
    right: 0px;
    bottom: -5px !important;
    bottom: -20px;
    width: 100%;
    height: 4px;
    background-image:  url("gfx/box_bshadow.gif");
    background-repeat: repeat-x;
}
Avatar billede pacman Nybegynder
04. oktober 2005 - 19:24 #4
!important -
Hmm.. lydder som et grimt hack der laver mere rod end gavn.. Hvad er din erfarring - fungerer det ok i diverse browsere?
Avatar billede notes2c Nybegynder
04. oktober 2005 - 19:56 #5
Det er løsningen... Problemet er IE...

Prøv det, det virker...
Avatar billede pacman Nybegynder
04. oktober 2005 - 20:13 #6
Nåja - okay.. det accepterer jeg da så.. ville bare gerne høre om du havde erfaring omkring det påvirker andre browsere i en dårlig retning.
Avatar billede notes2c Nybegynder
04. oktober 2005 - 20:23 #7
Ikke hvad jeg skulle mene... !important er som det er skrevet, vi udnytter bare at IE ikke følger standarden... Så det er vel et lille hack.... Har kun testet det i FF og IE.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester