Avatar billede anetteogjesper Nybegynder
11. september 2007 - 18:58 Der er 1 løsning

Siden vises forkert i nogle browsere

Hej

Jeg har oprettet denn side, som jeg ellers synes er ved at blive ret god MEN den vises desværre ikke korrekt i nogen browsere:

http://www.jesa-net.dk/assensbowling2

[code]
* {margin: 0; padding: 0; border: none; text-decoration: none;}
html {
    background: url(images/bg1.gif) #FBF1C4 center;
    text-align: center;
    font: small "Georgia", "Palatino Linotype", "Times New Roman", serif;
    color: #444;
}
body {
    background: url(images/bg2.jpg) center top repeat-x;
}
p, ul, ol {
    padding: 5px 0;
    line-height: 150%;
}
ol {list-style-type: upper-roman;}
ul {list-style-type: circle;}
li {margin-left: 1.5em;}
a:link {border-bottom: 1px dashed; font-weight: bold;}
a:visited {border: none; font-weight: normal;}
code {color: #f5f5f5; font-size: 100%;}
blockquote, .box {
    border-left: 5px solid #FF8040;
    background: url(images/quote.gif) #F9E184 top left no-repeat !important;
    background-position: .1cm 0;
    margin: 10px 0;
    padding: 0 10px 0 20px;
    font-style: italic;
    color: Black;
}
#container {
    width: 757px;
    margin: 0 auto;
    text-align: left;
    background: url(images/header.jpg) left top no-repeat;
    padding-right: 13px !important;
    padding-right: 12px;
}
#header {
    height: 123px;
    position: relative;
}
#content {
    width: 445px;
    float: right;
    background: url(images/bg_content-top.jpg) #FBF1C4 left top no-repeat;
    color: Black;
    position: relative;
}
#content div {
    background: url(images/bg_content-bottom.gif) left bottom no-repeat;
    padding: 20px;
    position: relative;
}
#content div div {background: none; padding: 0;}
#column {
    width: 230px;
    background: url(images/bg3.gif) left top repeat-y;
    float: right;
    margin: 470px 52px 0 0;
}
#column div {
    margin-top: -220px;
    background: url(images/credit.gif) left bottom no-repeat;
    padding: 0 20px;
    position: relative;
}
#column div div {
    margin: 0;
    padding: 0;
    background: none;
}
#footer {
    clear: both;
    text-align: center;
    font-size: 8px;
    color: #8A8871;
}
#footer a:link, #footer a:visited {
    color: #8A8871;
    border: none;
    font-weight: bold;
}
#footer a:hover {color: #4A4A4A;}
#column h2, #column h3 {color: Fuchsia;}
#column ul.menu {padding-bottom: 10px;}
#column ul.menu li {
    display: inline;
    margin:0;
    list-style: none;
}
#container #column ul.menu li a {
    display: block;
    margin: 3px 0;
    background: #594288;
    border-bottom: 1px solid #99ab3c;
    padding: .2em .3em;
    color: White;
    position: relative;
    font-weight: bold;
}
#container #column ul.menu li a:hover {
    color: #FFF;
    background: url(images/sidemenu_hover.gif) #602D60 center center no-repeat;
}
h1 {
    color: White;
    font: italic normal 3em "Times New Roman", "Georgia", sans-serif;
    padding: 10px 0 0 270px;
}
#content h2 {
    background: url(images/bg_title.gif) right top no-repeat;
    color: White;
    margin: 0 -20px;
    font: normal 1.2em "Times New Roman", "Georgia", sans-serif;
    padding: 24px 10px 20px 90px;
}
h3 {
    padding-top: .3em;
    font: bold 1.3em "Times New Roman", "Georgia", sans-serif;
}
#content h3 {
    font-size: 1.1em;
    color: Black;
    border-bottom: 3px solid #898770;
}
#content p, #content li {text-align: justify;}
#column a:link, #column a:visited {
    color: Black;
    border-color: Black;
}
#content a:link, #content a:visited {
    color: Black;
    border-color: Black;
}
#column a:hover {color: Black;}
#content a:hover {color: Black;}
#container #column a.credit {
    display: block;
    height: 30px;
    text-indent: -9999px;
    border: none;
}
#mainmenu {
    position: absolute;
    left: 285px;
    bottom: 1px !important;
    bottom: 0;
    list-style: none;
}
#mainmenu li {
    width: auto;
    float: left;
    margin-left: 5px;
}
#container #mainmenu li a {
    display: block;
    border: none;
    color: White;
    padding: 0 9px;
    font: italic bold 1.1em "Times New Roman", "Georgia", sans-serif;
}
#container #mainmenu li a span {
    display: block;
    padding: 15px 0;
}
#container #mainmenu li:hover a, #container #mainmenu li.over a, #mainmenu .active a {
    background: url(images/bowling-ball-480.jpg) top no-repeat;
}
#container #mainmenu li a:hover {
    color: #D77BB3;
}
#container #mainmenu .active a span {
    background: #000;
    color: #BD3A88;
}
#content, #column div {
    overflow: visible !important;
    overflow: hidden;
}
[/code]
Avatar billede medions Nybegynder
17. september 2007 - 13:29 #1
Prøv i en kategori for CSS - ikke VBScript! :o)

//>Rune
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
Kurser inden for grundlæggende programmering

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