Avatar billede ado-dk Nybegynder
01. maj 2015 - 20:48 Der er 12 kommentarer

Hvofor ermit hjemmeside ikke centreret

Hej jeg har et webdomain www.mekteba.dk mit hjemmeside er ikke centreret på skærmen her er min css-style kode:

body
{
    padding: 0;
    margin: 0;
    background: #375745;
    color: #FFF;
    font-family: 'Poiret One', cursive;
    font-size: 95%;
    line-height: 150%;
}

img
{
    border: 0;
}

a
{
    text-decoration: none;
    color: #919191;
}

a:hover
{
    text-decoration: none;
    color: #FFF;
}

#centrecontainer
{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}

#outercontainer
{
    margin-left: -400px;
    position: absolute;
    top: -236px;
    left: 669px;
}

#header
{
    width: 800px;
    height: 31px;
    letter-spacing: 1px;
}

#container   
{
    border: 20px solid #FFF;
    width: 760px;
    height: 370px;
}

#containerleft
{
    float: left;
    width: 350px;
    height: 350px;
    background-image:url('slike/slika000.jpg');
    border-right: 20px solid #FFF;
    padding: 10px;
}

#containerleft a
{
    text-decoration: none;
    color: #FFF;
}

#containerleft a:hover
{
    text-decoration: none;
    color: #FF80A8;
}

#containerright
{
    float: left;
    width: 350px;
    height: 350px;
    background: #3E5737;
    overflow: auto;
    padding: 10px;
}

#containerright h2
{
    margin: 0;
    padding: 0;
    font-family: 'Poiret One', cursive;
    letter-spacing: -2px;
    font-size: 180%;
    border-bottom: 1px solid #FFF;
    padding-bottom: 5px;
    width: 75%;
}

#footer
{
    width: 800px;
    text-align: left;
    padding: 5px 0px;
    color: #FFF;
}

#footer a
{
    text-decoration: none;
    color: #919191;
}

#footer a:hover
{
    text-decoration: none;
    color: #FFF;
}
Avatar billede claes57 Ekspert
01. maj 2015 - 21:04 #1
#outercontainer {
  margin-left: -400px;
  position: absolute;
  top: -236px;
  left: 669px;

margin-left: -400px; + left: 669px; det svarer fint til det 269px, som det er rykket ind fra venstre.
Avatar billede ado-dk Nybegynder
01. maj 2015 - 21:07 #2
forstår ikkekorekt kan du skrive koden orginal sory jeg mener hvor jeg skal rete koden
Avatar billede claes57 Ekspert
01. maj 2015 - 21:14 #3
det er forkert:
  margin-left: -400px;
  position: absolute;
  top: -236px;
  left: 669px;

du kan IKKE have absolut position og samtidig forvente at det centrerer på forskellige skærme.
se mere i http://davidwalsh.name/center-website
Avatar billede ado-dk Nybegynder
01. maj 2015 - 21:17 #4
hvad skal jeg gøre??
Avatar billede ado-dk Nybegynder
01. maj 2015 - 21:26 #5
har kiket på linket du gav mig er ikke så god til englesk sory
Avatar billede claes57 Ekspert
01. maj 2015 - 21:27 #6
ret fra
#outercontainer
{
    margin-left: -400px;
    position: absolute;
    top: -236px;
    left: 669px;
}

til
#outercontainer
{
    top: -236px;
    width: 800px;
    margin: 0 auto;
}
idet bredde skal være kendt før den kan centrere.
Avatar billede ado-dk Nybegynder
01. maj 2015 - 21:30 #7
så går den for meget til højre
Avatar billede claes57 Ekspert
01. maj 2015 - 21:41 #8
du har nu
#outercontainer {
  margin-left: -400px;
  position: absolute;
  top: -236px;
  width: 600px;
  margin: 0 auto;
  left: 669px;
}
det har INTET at gøre med det, jeg skrev. Hold nu op med absolute og left - den skal selv finde ud af det. og bredden er altså 800px som i header og footer.
Avatar billede ado-dk Nybegynder
01. maj 2015 - 21:43 #9
jeg ved det godt det var min fejl har retet det til de du skrev nu er den for meget ned i højre hjørne
Avatar billede ado-dk Nybegynder
01. maj 2015 - 21:56 #10
det virker stadigvæk ikke
Avatar billede Slater Ekspert
02. maj 2015 - 09:01 #11
Ser ud til at virke fint for mig.
Avatar billede ado-dk Nybegynder
02. maj 2015 - 09:39 #12
Tak for hjælpen
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

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



IT-JOB