Avatar billede kongejens Nybegynder
23. januar 2008 - 03:07 Der er 3 kommentarer

absurd problem med centrering

hej jeg har et problem,


problemet ses på følgende link; http://jensr.com/problem.jpg

hvordan kan jeg centere et layer eller den "apDiv1"således at min tekst kommer midt i billedet, uanset hvilket skærmopløsning der benyttes?

jeg benytter dreamweaver -og

følgende er min kode;


!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:auto;
    top:148px;
    width:744px;
    height:721px;
    z-index:1;
    overflow: auto;
    visibility: visible;
    background-position: horizontal position center;
}
-->
</style>
</head>

<body>
<div id="apDiv1">
  <div align="center">
    <p>test</p>
    <p align="center">test</p>
  </div>
</div>
<div align="center"><img src="side21.jpg" width="800" height="900" longdesc="http://www.j.com/side21.jpg" />
</div>
</body>
</html>
Avatar billede roenving Novice
23. januar 2008 - 03:14 #1
<style type="text/css">
#apDiv1 {
    top:148px;
    width:744px;
    height:721px;
    z-index:1;
    overflow: auto;
    margin:0 auto;
}
</style>

-- skal den også centreres vertikalt skal der noget mere til, se f.eks. http://www.wpdfd.com/editorial/thebox/deadcentre4.html !-)
Avatar billede roenving Novice
23. januar 2008 - 03:15 #2
-- skal dine p-tags også være centrerede, kan du ikke bruge text-align, da p-tags er block-level-elementer, der skal centreres på samme måde som diven, men teksten kan dog centreres inde i p-tagget med text-align !o]
Avatar billede kongejens Nybegynder
23. januar 2008 - 10:30 #3
det virker i og sig rigtigt, men...

når jeg fjerner linjen "position:absolute;" rykker skrifter hen i center som jeg ønsker, men samtdigt er mit baggrundsbillede ikke længere synligt?!
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