Avatar billede mvk Nybegynder
28. april 2006 - 09:19 Der er 2 kommentarer og
1 løsning

det driller i ie

http://www.because-test.dk/shelf/shelf_system.asp

virker fint i firefox men i ie er margin forkert
er der nogen som kan hjælp
Avatar billede tfswebguy Nybegynder
28. april 2006 - 09:23 #1
Hmm, hvordan skal siden være, hvis man må spørge?
Nu har jeg ikke lige firefox her, da jeg sidder på arbejde...

Evt ligge dit CSS herind, så man kan se det derigennem...
Avatar billede mvk Nybegynder
28. april 2006 - 09:26 #2
det hvide tekst felt - måske lettere at se på denne side skal stilles 20 pixels til højre for menuen til venstre:
http://www.because-test.dk/shelf/shelf_system.asp?ID=9

css:
body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000000;
    background-image:url(../img/baggrund.gif);
    background-repeat:no-repeat;   
    }

#page {
    margin: 0px;
    padding: 0px;
    position: relative;
    }


/*Navigation is submenus. Left side navigation*/
#left {
    width: 216px;
    margin: 0px;   
    padding: 80px 0px 0px 20px;
    float: left;
    background:none;
    }

#about {
    float: left;
    width: 218px;
    height: 150px;
    background-image:url(../img/about.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    }

#about a {
    display: block;
    width:100%;
    height:100%;
    background-image:url(../img/about.gif);
    background-position: top left;
    background-repeat: no-repeat;
    }
   
#about span {
    display: block;
    margin: 0px;
    padding: 0px;
    }
   
#about a:hover {
    background-position: -220px;
    }
   
#about a:active {
    background-position: -220px;
    }

#aboutActive {
    float: left;
    width: 218px;
    height: 150px;
    background-image:url(../img/about.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: -220px;
    }

#shelf {
    float: left;
    width: 220px;
    height: 100px;
    background-image:url(../img/shelf_system.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    }

#shelf a {
    display: block;
    width:100%;
    height:100%;
    background-image:url(../img/shelf_system.gif);
    background-position: top left;
    background-repeat: no-repeat;
    }
   
#shelf span {
    display: block;
    margin: 0px;
    padding: 0px;
    }
   
#shelf a:hover {
    background-position: -220px;
    }
   
#shelf a:active {
    background-position: -220px;
    }

#cases {
    float: left;
    width: 220px;
    height: 100px;
    background-image:url(../img/cases.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    }

#cases a {
    display: block;
    width:100%;
    height:100%;
    background-image:url(../img/cases.gif);
    background-position: top left;
    background-repeat: no-repeat;
    }
   
#cases span {
    display: block;
    margin: 0px;
    padding: 0px;
    }
   
#cases a:hover {
    background-position: -220px;
    }
   
#cases a:active {
    background-position: -220px;
    }

#bookit {
    float: left;
    width: 220px;
    height: 150px;
    background-image:url(../img/book_it.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    }

#bookit a {
    display: block;
    width:100%;
    height:100%;
    background-image:url(../img/book_it.gif);
    background-position: top left;
    background-repeat: no-repeat;
    }
   
#bookit span {
    display: block;
    margin: 0px;
    padding: 0px;
    }
   
#bookit a:hover {
    background-position: -220px;
    }
   
#bookit a:active {
    background-position: -220px;
    }

   
/*Main content declarations*/
#content {
    width: 760px;
    float:left;
    margin: 0px;
    padding: 0px;
    }

#info {
    float:left;
    display:inline;
    margin: 0px;
    padding: 0px;
    }

#textBox {
    float: left;
    position: relative;
    margin: 80px 20px 20px 22px;
    padding: 20px;   
    width: 170px;
    height: 350px;
    background-color: #FFFFFF;
    }

#bookitBox {
    float: left;
    position: relative;
    margin: 80px 20px 20px 20px;
    padding: 20px;
    width: 460px;
    height: 350px;
    background-color: #FF6600;
    }

#bookitBox1 {
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 170px;
    height: 348px;
    }

#bookitBox2 {
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    width: 270px;
    height: 348px;
    }

.field {
    border: 0px;
    margin:0px;
    padding-left:5px;
    width:200px;
    height: 13px;
    background-color:#ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:70%;
    color:#000000;
    text-align:left;
    }

.fieldLarge {
    border: 0px;
    margin:0px;
    padding:10px;
    width:246px;
    height: 130px;
    background-color:#ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:70%;
    color:#000000;
    text-align:left;
    }

.button {
    padding:5px;
    border: 0px;
    background-color:#FF6600;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:70%;
    color:#000000;
    text-align:left;
    cursor: pointer;
    }   

.p {
    font-size: 70%;
    line-height: 16px;
    color: #000000;
    font-weight: normal;
    margin:0px;
    padding: 0px;       
    }
   
#imageBox {
    float: left;
    position: relative;
    margin: 80px 0px 0px 0px;
    padding: 0px;
    height: 390px;
    }

#repeatBox {
    float: left;
    margin: 0px 20px 20px 22px;
    padding: 20px;   
    width: 460px;
    height: 110px;
    background-color: #FFFFFF;
    }

#content h1 {
    font-size: 100%;
    line-height: 16px;
    color: #71BD24;
    font-weight: normal;
    margin:0px 0px 5px 0px;
    padding: 0px;       
    }

#content p {
    font-size: 70%;
    line-height: 16px;
    color: #000000;
    font-weight: normal;
    margin:0px;
    padding: 0px;       
    }

#content a:link, #content a:visited {
    font-size: 80%;
    color: #464749;
    text-decoration: underline;
    }

#content a:hover, #content a:active {
    font-size: 80%;
    color: #6EB927;
    text-decoration: none;
    }
Avatar billede mvk Nybegynder
31. juli 2006 - 09:25 #3
lukker
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