position

Oki jeg har fundet ud af hvorfor den gør det nu ;) men ved stadigvæk ikke hvordan jeg får den til at stoppe.... for hvis nu bare den lå over i den ene side i stedet for midt på siden kunne jeg lave en float:...;

Hej...
Ved det ikke helt, men prøver at gætte... Er det ikke noget med at ens browser er indstillet til en bestemt Zoom procent... Og for dem der så kører en anden vil tinge der er positioneret med "position: absolute;" og pixels... Rykke i en helt anden retning.
Kunne foreslå dig at prøve at give dit body- tag en standard størrelse  : eks. body{ font-size: 100.1%;}
Og så omregner alle dine størrelser fra PIXELS til EM...
Em er procent af forældre elementet.
Omregnings sats (0.0627) altså eks. 16px * 0,02627 = 1.0032Em afrundet til 1 em.

Ved ikke om det kan bruges.

Du har fuldstændig ret i det med zoomen kunne bare ikke lige formulere det..

kan jo altid prøve og se om det hjælper.... har i hvert fald lært at HTML aldrig giver helt mening så det er et forsøg værd ;)

Melder lige tilbage om hvordan det går :)

Hej..
Det var da dejligt du evt. kun bruge det.
Prøv evt og se her :

http://www.astahost.com/Sizes-Webdesign-Em-Vs-Px-t8926.html

Problemet er at dit baggrundsbillede er centreret på body:
Dermed skifter positionen med browserens bredde, og du kan ikke ramme oveni med absolute positioner.

Du skal lave en centreret container div til hele siden, og vise baggrunden i denne.
Så kan du positionere de øvrige elementer relativt inden i den nye container div.

PS: der er gentagne link- og script-tags i head
PSPS: body width er sat til 1024, mens baggrunden er bredere?

Hej..
Generelt er det et problem med "position: absolute med top, right, bottom og left" og pixels, når det gælder om at have det ens i forskellige browsere.

@tjans det hjalp på baggrunden det du skrev tak :)

nu er det jo bare ofte sådan at når man laver om på en ting så er der noget andet der ikke vil virke....

så nu virker mit photogallery ikke mere! plus det er lidt som om min menu er blevet for lang? og min mail_container er for høj?? så man skal scrolle agtigt...

(photogalleryet ligger under my wrok)

igen min style:

@charset "UTF-8";
/* CSS Document */

#main_container {
    background-image: url(../images/background.jpg);
    background-color:#000;
    font-size: 100.1%;
    background-repeat: no-repeat;
    height:700px;
    width:1200px;
    position:absolute;
}
#bgTopDiv{
    background-image: url(../images/background_1.jpg);
    background-repeat: no-repeat;
    z-index:9999;
    width: 360px;
    height:526px;
    position:relative;
    top: 75px;
    left: 608px;
}
#coffee{
    background-image:url(../images/coffee.png);
    background-repeat:no-repeat;
    z-index:9999;
    width:130px;
    height:142px;
    position:relative;
    position: inherit;
    top: 460px;
    left:800px;
    }
#coffeecup{
    background-image:url(../images/coffeecup.png);
    background-repeat:no-repeat;
    z-index:99999;
    width:180px;
    height:155px;
    position:relative;
    top:-800px;
    left:-10px;
    margin-left: 30px;
}
#pen {
    background-image:url(../images/pen.png);
    background-repeat:no-repeat;
    z-index:99999;
    position:relative;
    top: -200px;
    left: 80px;
    height:260px;
    width:172px;
    }
ul#navigation {
    position:relative;
    top: -855px;
    left: 970px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index:8000;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;   
    background-color:#cecece;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .home a{
    background-image: url(../images/home.png);
}
ul#navigation .about a      {
    background-image: url(../images/about_me.png);
}
ul#navigation .work a      {
    background-image: url(../images/work.png);
}
ul#navigation .school a      {
    background-image: url(../images/school.png);
}
ul#navigation .cv a  {
    background-image: url(../images/cv.png);
}
ul#navigation .photos a    {
    background-image:
}
ul#navigation .contact a    {
    background-image: url(../images/contact.png)
}


   
#wrapper {
    width:800px;
    height:600px;
    z-index:99999999;
    position:relative;
    top: -1500px;
   
    }
#info {
    margin-top:50px; }
#info p {
    color:#eee;
    font-family:Georgia,serif;
    margin-top:10px;
    }
#info p a {
    color:#eee;
    }
#toggle {
    text-decoration:underline;
    }

.polaroid {    
    width:147px;
    height:150px;
    background-image:url(../images/polaroid-bg.png);
    position:relative;
    }
.polaroid img {
    width:134px;    
    height:110px;
    margin:11px 0 0 7px;
    }
.polaroid p {
    text-align:center;
    font-family:Georgia,serif;
    font-size:9px;
    color:#2E2E2E;
    margin-top:6px;
    }

.redborder {
    border:1px solid red;
    margin:-1px;
    }

Smider du ikke lige et svar på den her så jeg kan gi dig point og få den lukket ;)

Hvem henvender du dig til???
Er det mig???
Så svar!