Css hulp gezocht - One2xs Forum

Lid · Topicstarter

Berichten: 20.364
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 9 aug 2020

7 nov 2009, 19:24

Ik heb een layout en hij staat nu in het midden maar hij moet helemaal naar boven.

Mijn volgende probleem is dat je verder kan naar rechts scrollen dat eigenlijk niet hoort

Css:

body {
    background: #84cce8 url(img/bg.gif) bottom repeat-x fixed;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
#container {
    width: 974px;
    margin: 0px auto;
}
#header {
    width: 969px;
    height: 144px;
}
#header .left
{
    background: url(img/header_left.PNG) no-repeat;
    color: #FFFFFF;
    width: 100%;
    height: 144px;
    position: absolute;
    padding-top: 10px;
text-align: left;
padding-left: 13px;

}

h1 {
    font-size: 15px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
color: black;

}
#header .right
{
    background: url(img/header_right.PNG);
    margin-left: 823px;
    width: 146px;
    height: 144px;
    padding-left: 5px;
    color: #FFFFFF;
    position: absolute;
}
#container #top {
    background: url(img/top.PNG);
    height: 18px;
    color: #FFFFFF;
    padding: 7px;
}
#container #mid {
    background: url(img/mid.PNG) no-repeat;
    
    height: 84px;
}
#mid .left
{
    padding: 9px 0px 0px 5px;
    position: absolute;
}
#mid .left img {
padding: 1px 0px 0px 5px;
    
}
#mid .mid
{
    padding: 9px 0px 0px 255px;
    position: absolute;


}
#mid .mid img {
padding: 1px 0px 0px 5px;

}
#mid .mid2
{
    padding: 9px 0px 0px 510px;
    position: absolute;
max-height: 1px;
}
#mid .mid2 img {
padding: 1px 0px 0px 5px;

}
#mid .right
{
    padding: 12px 0px 0px 770px;
    position: absolute;
}
#mid .righttext
{
    padding: 30px 0px 0px 770px;
    position: absolute;
}
#container #balk {
    background: url(img/balk.PNG);    
    width: 973px;    
    height: 18px;
    margin-left: -6px;
    padding: 7px;
    color: #FFFFFF;
}
#innercontent {
    background: url(img/bg.PNG);
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 10px;
}
#centerrow
{
    margin-left: 222px;
    width: 508px;
}

.center .top
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.center .center
{
    background-color: #787878;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px;
}

.center .text
{    
    background-color: #FFFFFF;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    padding: 4px;
}

.center .onder
{
    border-bottom: 1px solid #B4B4B4;
    margin: 0px 0px 10px 0px;
}

#navigatie2
{
    float: right;
    width: 208px;
}

#navigatie
{
    float: left;
    width: 208px;
}
.blok2
{
    width: 208px;
}

.blok2 .title
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.blok1
{
    background: #FFFFFF;
    width: 208px;
}

.blok1 .title
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.blok1 .mid
{
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 4px;
}
.blok1 .text
{
    border: 1px solid #B4B4B4;
    padding: 4px;
}

.blok2 .space
{
    background-color: #FFFFFF;    
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 2px;
}

.blok2 .text
{
    background-color: #DDDDDD;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 3px;
font-weight: bold;
color: gray;
}
.blok2 .img
{
    margin-top: -4px;
       position: absolute;
}

.blok2 .mid
{
    background: url(img/midtext.PNG);
    border-bottom: 1px solid #B4B4B4;
    width: 203px;
    height: 26px;
    padding: 3px 0px 0px 5px;
color: #FFFFFF;
}

.blok
{
    background: #FFFFFF;
    width: 208px;
}

.blok .title
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.blok .text
{
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 4px;
}

#clear
{
    display: block;
    height: 0px;
    clear: both
}

#container #onder {
    border-bottom: 1px solid #000000;
}

h1 {
    font-size: 15px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
color: black;

}
.ul {

                    padding: 0px 0px 0px 10px;
                    margin: 0px;
                    list-style: none;
                
                }
.rederror {
    border: 1px dotted #962133; 
    border-bottom: 2px solid #962133;
    background-color: #f75353;
}

.greenerror {
    border: 1px dotted #449D04; 
    border-bottom: 2px solid #449D04; 
    background-color: #96FF31;
}

.comment, .nieuwsdiv, .profieldiv  {
    border: 1px solid #484848;
    margin-right: 10px;
    padding: 5px;
 
    overflow: hidden;
}

.comment_heading, .nieuws_heading, .profiel_heading {
    border-bottom: 1px solid #484848;
}

.profiel_heading {
    text-align: center;
}

#comment_box {
    padding-top: 10px;
    text-align: center;
}

#forum {
    margin: 10px 10px 10px 10px;
    border: 1px solid #FF0000;
}
table, tr, td {
    margin: 0px;
    padding: 0px;
}

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

8 nov 2009, 13:43

ik denk dat het probleem in dit stukje zit:
#header .left
{
background: url(img/header_left.PNG) no-repeat;
color: #FFFFFF;
width: 100%;
height: 144px;
position: absolute;
padding-top: 10px;
text-align: left;
padding-left: 13px;

}
maar dan zou ik ook de html moeten zien.