Avatar billede trivial Nybegynder
27. oktober 2006 - 14:21 Der er 8 kommentarer og
1 løsning

Mit designer flytter sig, når jeg bruger andre browsere end IE6 !

Hejsa alle !

Jeg har lige lavet en hjemmeside, jeg skal afleverer i skolen. Hjemmesiden er lavet i dreamweaver, og der er nogle css koder også, som min storebror har hjulpet mig med !

siden ligger her: http://dogg.dk/asger/asger.rar

Problemet er, når jeg åbner siden i Internet Explore 6, så virker den perfekt. Men når jeg åbner siden i f.eks. Mozilla eller ie7, så flytter teksten samt boksene sig, og css'en virker ikke ordentligt.

Er det noget I her på eksperten kan hjælpe med ??

Mvh
trivial
Avatar billede olebole Juniormester
27. oktober 2006 - 14:36 #1
<ole>

Prøv at linke til dokumentet ... der er nok ingen, der gider downloade en rar  :)

/mvh
</bole>
Avatar billede jokkejensen Novice
27. oktober 2006 - 14:42 #2
overflow: -moz-scrollbars-vertical;

Smid den i dit body tag i css

/JJ
Avatar billede jokkejensen Novice
27. oktober 2006 - 14:42 #3
html, body {
    margin:0;padding:0;
overflow: -moz-scrollbars-vertical;

}
Avatar billede trivial Nybegynder
27. oktober 2006 - 17:51 #4
hvor skal jeg ligge den siger du ?
Avatar billede trivial Nybegynder
27. oktober 2006 - 17:52 #5
altså den her:
{
    margin:0;padding:0;
overflow: -moz-scrollbars-vertical;

}
Avatar billede trivial Nybegynder
27. oktober 2006 - 18:01 #6
synes ikke det hjælper :(
Avatar billede trivial Nybegynder
27. oktober 2006 - 18:03 #7
min css ser sådan ud:
html, body {
    margin:0;padding:0;
}


a.kontakt:link { color: #999999; }
a.kontakt:visited { color:#999999; }
a.kontakt:hover { color:#999999; text-decoration: underline; }
a.kontakt:active { color:#999999; }

a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: underline;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #000000;
}

body
{
    background-color: #FCFCFC;
}

h1
{
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 20px;
    font-weight: lighter;
    color: #000000;
   
}
h2
{
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}
h3
{
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

main
{
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 8px;
}

div#indhold {margin:1em 10%; }
#container {
    float:left;
    width: 400px;
    margin-left: 10px;
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 10px;
    margin-bottom: 15px;
    line-height: 14px;   
}

 
.b1, .b2, .b3, .b4 {display:block; overflow:hidden;height:1px;}
.b1 {background:#990000;margin: 0 5px;}
.b2, .b3, .b4 {background:#990000; border-style:solid;
    border-color:#990000}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px; border-width:0 1px;}
.b4 {margin:0 1px;border-width:0 1px;}
.b5 {    float:left;
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 10px; line-height: 18px;
}

.boxcontent {border-left:1px solid #990000; border-right:1px solid #990000; border-top:0px solid #990000; border-bottom:0px solid #990000; display:block;  background:#990000;
    }
   

#kasse
{
    width: 700px;
    \width: 700px;
    w\idth: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000033;
    border-bottom-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    clear: both;
    background-color: #DAE7EC;
}

#head {
    CLEAR: both;
    MARGIN-TOP: 0px;
    FONT-SIZE: 11px;
    MARGIN-LEFT: auto;
    WIDTH: 700px;
    LINE-HEIGHT: 18px;
    MARGIN-RIGHT: auto;
    FONT-FAMILY: Verdana, "Lucida Grande", Tahoma, Helvetica;
    HEIGHT: 66px;
    BACKGROUND-COLOR: #FCFCFC;
    TEXT-ALIGN: right;
    border-bottom: black 1px solid;
    FLOAT: center;
}


#menu {
    CLEAR: both;
    MARGIN-TOP: 0px;
    FONT-SIZE: 11px;
    MARGIN-LEFT: auto;
    WIDTH: 500px;
    MARGIN-RIGHT: auto;
    FONT-FAMILY: Verdana, "Lucida Grande", Tahoma, Helvetica;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #DAE7EC;
    TEXT-ALIGN: center;
    text-indent: 10px;
    float:left;
}


#tekstfelt
{
    width: 300px;
    margin-left: 10px;
    margin-right: auto;
    background-color: #DAE7EC;
    padding-bottom: 0px;
    margin-bottom: 10px;
    height: 350px;
    float:left;
}

#kontakt
{
    width: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-bottom: 0px;
    margin-bottom: 10px;
    height:275px;
    float:right;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    text-indent: 10px;
   
}
Avatar billede trivial Nybegynder
27. oktober 2006 - 20:16 #8
svar
Avatar billede trivial Nybegynder
27. oktober 2006 - 20:17 #9
svar
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