Avatar billede kwudo Nybegynder
24. maj 2011 - 22:37 Der er 6 kommentarer og
1 løsning

Problemer med baggrund i design

Hej alle sammen jeg har lidt problemer med siden www.forfesten.dk/beta011, hvor scrollbaren kan køres til siden, og det skal den selvfølgelig helst ikke.

Desuden ryger "bund" boksen op i midten, hvis der ikke står særlig meget tekst, dette skal den heller ikke, er der nogen der kan fortælle mig hvor problemet ligger:

CSS FIL:

body{
    background: #150416;
    position: relative;
    background-repeat:no-repeat;
    margin-left: auto;
      margin-right: auto;
    padding: 0px;
    height: 100%;
    background-position: center top;
    background-attachment: fixed;
}

img{
    border: 0px;
    padding: 0px;
}

a{
    text-decoration: underline;
    color: #978f89;
}

a:focus{
    outline: none;
}


/*-----------------------------------------*/
#indhold{
    margin-left: 292px;
    width: 630px;
    height: auto;
    padding: 0px 8px 0px 25px;
   
    border-style: dotted;
    border-width: 0px 0px 0px 1px;
    border-color: #000;
    margin-bottom: 90px;
}


#container{
    margin-top: -850px;
    width: 960px;
    height: auto;
    margin-left: auto;
      margin-right: auto;

}

#container2{
    position: relative;
    margin-top: 100px;
    width: 960px;
    height: auto;
    margin-left: auto;
      margin-right: auto;
}


#header2{
    position: relative;
    width: 1660px;
    height: 687px;
    margin-left: auto;
    margin-right: auto;
    top: -8px;
    background-image: url('../images/top.png');
    background-repeat: no-repeat;
}

#header{
    position: relative;
    margin-top: 230px;
    width: 961px;
    height: 44px;
    background-repeat:no-repeat;
    margin-left: auto;
      margin-right: auto;
    padding: 0px;
}

#left{
    float: left;
    position: relative;
    width: 270px;
    height: auto;
}



#box1{
    height: 153px;
    width: 270px;
    background: url(../images/box1.png);
    background-repeat: no-repeat;
    padding: 1px 0px 0px 15px;
    line-height: 3px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #978f89;
}

#knap{
    float: right;
    padding: 0px 30px 0px 0px;
    margin-top: -8px;
}

#box2{
    height: 354px;
    width: 2437x;
    margin-top: 30px;
    background: url(../images/box2.png);
    background-repeat: no-repeat;
    padding: 16px 16px 0px 15px;
}



/*-----------------------menu--------------------------*/
#menu a
{
    position: relative;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    float: left;
    color: #fbd955;
    margin-right: 30px; /*mellemrum mellem m enupunkterne*/
    top: 28px;
    left: 20px;
    border: none;
    background-repeat: no-repeat;
    outline: none;
    text-decoration: none;
}

#menu a:hover
{
    color: #757575;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#menu a:active
{
    color: #c3beb0;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#tekstfelt_bund a
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #878787;
    position: relative;
    float: left;
    color: #fbd955;
    margin-right: 30px; /*mellemrum mellem m enupunkterne*/
    top: 28px;
    left: 245px;
    border: none;
    background-repeat: no-repeat;
    outline: none;
    text-decoration: none;
}

#tekstfelt_bund a:hover
{
    color: #757575;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#tekstfelt_bund a:active
{
    color: #c3beb0;
    background-repeat: no-repeat;
    background-position: bottom center;
}


#bottom{
    position: relative;
    background-repeat:no-repeat;
    margin-left: auto;
      margin-right: auto;
    padding: 0px;
    height: 150px;
    background-position: center bottom;
    background-attachment: fixed;
    bottom: -6px;
    background-repeat: repeat;
    background-color: #0e030f;
}


/*------------------------------------------------------*/

h1, h2{
    font: 100% Georgia, "Times New Roman", Times, serif;
    color: #fbd955;
}

h1{
    font-size: 38px;
}

h2{
    font-size: 20px;
}

p{
    font-family: Verdana, Geneva, sans-serif;
    line-height: 1.5em;
    color: #978f89;
    font-size: 12px;
}
Avatar billede MadsDue Nybegynder
24. maj 2011 - 22:50 #1
hvis du for mindsker din width i header2, så skulle dit problem være løst
Avatar billede kwudo Nybegynder
24. maj 2011 - 22:57 #2
Prøv og se nu, nu blev bg billedet bare mindre :/
Avatar billede kwudo Nybegynder
24. maj 2011 - 22:58 #3
Sludder har fået det til at virke, Tak!
Men hvad med den boks der?
Avatar billede MadsDue Nybegynder
24. maj 2011 - 23:00 #4
Jeg bruger Chrome og det ser da rigtig nok ud. kan ikke helt huske hvordan det så ud.

ellers prøv at lav dens position om
Avatar billede kwudo Nybegynder
24. maj 2011 - 23:16 #5
Det passer også, men hvad gør jeg med den boks der skal ned i bunden?
Avatar billede kwudo Nybegynder
24. maj 2011 - 23:40 #6
Problemet med boksen er også løst:

    clear:both;
sat ind i bottom div'et
Avatar billede MadsDue Nybegynder
25. maj 2011 - 19:35 #7
okay så problemet vel løst?
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