Hallo iedereen,
ik zit momenteel met een probleem... Als je op mijn website uitzoomt, of je scherm is wat groot dan klopt de plaats van mijn content box niet meer...
Zoals je hieronder kan zien
de content box moet uiteraard mooi en netjes boven de footer komen te staan...
Weet iemand hoe ik zoiets evt. kan oplossen????
Alvast bedankt 
Willem
Zou je de css code kunnen plaatsen? Waarschijnlijk heeft het iets te maken met procenten of de opbouw van je pagina.
body
{
background-color: #00a4b3;
}
.box
{
width: 1100px;
display: block;
margin: 0 auto;
border: 3px solid #007580;
border-radius: 10px;
background-color: #f1f1f1;
behavior: url(../include/PIE/PIE.htc);
overflow: auto;
}
#box_header
{
width: 1100px;
height: 238px;
margin: 0 auto;
}
#box_icon
{
width: 256px;
height: 256px;
background-image: url(../images/logo.png);
margin: 11px 0px -28px 12px;
float: left;
z-index: 10;
position: relative;
}
#box_title
{
width: 540px;
height: 238px;
position: relative;
font-weight: bold;
font-style: italic;
font-family: Verdana;
float: left;
}
.title
{
font-size: 79px;
position: absolute;
bottom: 79px;
}
#title_blue
{
color: #5ed7e2;
}
#title_white
{
color: #f1f1f1;
margin-left: -28px;
}
#subtitle
{
font-size: 18px;
color: #f1f1f1;
position: absolute;
bottom: 68px;
}
#box_stats
{
width: 220px;
height: 115px;
border: 3px solid #007580;
border-radius: 10px;
background-color: #f1f1f1;
margin-top: 75px;
float: right;
padding: 15px;
behavior: url(../include/PIE/PIE.htc);
}
.menu
{
font-size: 18px;
float:left;
width: 195px;
font-weight: bold;
font-style: italic;
font-family: Verdana;
padding: 0px;
vertical-align: top;
}
.menu #title
{
width: 166px;
margin: 0px;
padding: 15px;
background-color: #007580;
color: #f1f1f1;
}
.menu ul
{
margin: 0px;
list-style: none;
padding: 15px;
}
.menu a
{
text-decoration: none;
color: #007580;
font-style: normal;
}
.menu a:hover
{
font-style: italic;
}
#content
{
width: 709px;
padding: 0px;
float:left;
vertical-align: top;
height: 100%;
}
#content h1
{
width: 679px;
margin: 0px;
padding: 15px;
background-color: #007580;
font-size: 18px;
color: #f1f1f1;
font-weight: bold;
font-style: italic;
font-family: Verdana;
}
#content .text
{
padding: 15px;
font-family: Verdana;
font-size: 13px;
position:relative;
}
#footer
{
margin-top: 15px;
width: 1070px;
padding: 15px;
font-size: 13px;
font-weight: bold;
font-style: italic;
font-family: Verdana;
}
#main_box
{
background: url(../images/background.png) repeat-y;
}
input
{
border: 1px solid #007580;
border-radius: 10px;
behavior: url(../include/PIE/PIE.htc);
background-color: #fbfbfb;
height: 13px;
padding: 4px 10px 5px 10px;
margin: 0px 0px 5px 0px;
}
input[type=text], input[type=password]
{
width: 140px;
}
input[type=submit], input[type=button]
{
font-weight: bold;
font-size: 13px;
line-height: 13px;
box-sizing: content-box;
-moz-box-sizing: content-box;
vertical-align: bottom;
min-width: 120px;
}
.alert-box
{
padding: 3px 0px 3px 22px;
margin: 0px 0px 5px 0px;
border-radius: 10px;
}
.list
{
width: 679px;
padding: 5px;
margin-left: -5px;
overflow: hidden;
}
/* CONTRACTEN */
.item {
border: 1px solid black;
background-color: #ddddff;
width: 110px;
min-height: 100px;
position:absolute;
text-align: center;
border-radius: 10px;
}
.list1 {
left: 10px;
}
.list2{
left: 300px;
}
.list3 {
right: 10px;
}alsjeblieft
Je icoon is te groot. Als je de .box even groot maakt als het icoon zal hij waarschijnlijk goed staan.
Ah oke, maar dat is net het probleem... het icoon is groter omdat hij een stukje over de content box zou moeten komen
EDIT:
ik ben met background-position gaan werken en heb de div margin weggedaan. Nu staat het goed
SLOTJE
Nog geen account? Registreer je nu en word deel van onze community!