Hallo,

Ik wil graag een div in het midden plaatsen van het scherm.
Dat is mij met de volgende code gelukt:
<?php
/* CSS FILE */

#fullscreen{
margin-left: 25%;
background-repeat:repeat;
background-image:url(../images/backgrounds.png);
background-repeat:repeat-y;
/*set the div in the top-left corner of the screen*/
top:0;
left:0;
/*set the width and height to 100% of the screen*/
width:75%;
height:100%;
}



?>
MAAR als ik de site dan open op mijn laptop of op een andere pc dan staat de site niet meer in het midden van het scherm hoe kan ik dit het beste oplossen? / wat moet ik aan de code veranderen?
Ja maar dat werkt nog steeds niet

<?php

html{
width: 100%;
}

body{
font-family:aachenefmedium;
font-size: 13px;
background-color: #f7f5f6;
margin:0;
padding:0;
width: 100%;
}

#fullscreenART{
width: 1024px;
margin-left: auto;
margin-right: auto;
background-repeat:repeat;
background-image:url(../images/backgrounds.png);
background-repeat:repeat-y;
height: 100%;
}
?>



het verspringt trouwens op elke pagina weer 10 px naar links dan bij een andere pagina weer 10 px naar rechts.
Heeeel erg iritant is hier een oplossing voor?
( kijk zelf maar is hoe het verspringt
http://www.brandofart.com/contact.php -----> http://www.brandofart.com/account.php
http://www.brandofart.com/digitalart.php -----> http://www.brandofart.com/index.php
http://www.brandofart.com/contact.php -----> http://www.brandofart.com/register.php )
http://www.brandofart.com/images/boa.png == 2.7 MB voor een plaatje die maximaal 350px breed is.
Doe je goed ...... ahumba.

De genoemde linkjes (alle 6) staan bij mij allemaal exact hetzelfde hoor.
Alleen bij de laatste krijg ik rechts een scrollbalk en DUS verspringt je inhoud iets. Maar dat ervaar ik niet echt als een probleem: hij staat immers in het midden.
@Eddy dankjewel voor je reactie. Dan laat ik het wel zo ;)

en van dat plaatje haha ja klopt ik kreeg dat plaatje zo groot aangeleverd en had daar niet eens aan gedacht ( aan de ruimte die het innam ) dus ik heb het meteen verkleind dankjewel voor die tip :)
Excuses, verkeerde topic

Reageren