Midterstilling af indhold, resulterer i delvis usynliggørelse.
Goddag.Ved anvendelse af nedenstående CSS kode, midterstilles alt indhold. Dette er efter hensigten, men et problem forekommer.
Dette i form af, at ved anvendelse af meget lav opløsning (800 x 600), etc. midterstilles siden, dog med det problematiske faktum at indholdet fra øverste venstre hjørne udelukkes fra siden, hvorimod resten af siden tilgængeliggøres ved hjælp af scroll-bars.
Dette ligeledes ved åbning af siden i småt browser-vindue.
Jeg vil være yderst taknemmelig for løsningen af dette problem, og takker mange gange på forhånd for ethvert indlæg!
<style type="text/css">
<!--
body {
margin:0px
}
#horizon {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 0px;
overflow: visible;
visibility: visible;
display: block;
}
#content {
border:1px solid #000;
position: absolute;
left: 50%;
width: 250px; /* bredden på content div'en */
margin-left: -125px; /* skal sættes til det halve af bredden */
height: 70px; /* højden på content div'en */
top: -35px; /* skal være det halve af højden */
}
-->
</style>
</head>
<body>
<div id="horizon">
<div id="content"></div>
</div>
</body>
