Vandret positionering i CSS driller

hvad vil du? sætte en boks i midten af skærmen? - mit trick

div.box-i-midten{
  position : absolute;
  top : 50%;
  height : 300px;
  margin-top : -150px;
}

så kommer der til at være en 300px høj boks i minten (verticalt - ikke horizontal, men samme trick gælder for det)

Morten

Jeps, men det som din kode centrerer, er ikke MIDTEN af SELVE div.box-i-midten elementet, men det ØVERSTE VENSTRE HJØRNE div.box-i-midten elementet. Desværre.  :-(

...derfor ligger den ikke helt centreret. Er der ikke en anden måde at gøre det på?

Og dog... det du gør, er at trække halvdelen af din box´s højde fra i margin-top. Smart... det prøver jeg lige.  :-)

div.box-i-midten{
  position : absolute;
  left : 50%;
  width : 300px;
  margin-left : -150px;
}

Jeps, nu virker søremig!  Dejligt!

Kan I to ikke venligst lægge et svar, så jeg kan tildele jer points?

svaa'r

-- der er een bagdel ved denne metode, nemlig at den ikke 'ser' kanten af browservinduet, så den kan sagtens starte boxen til venstre for det !-)

-- og Morten må vel løbe med alle gaverne !o]

-->roenving:
Jeps, men jeg har angivet kanten i min CSS, så jeg tror at det skulle være på plads. Det ser ihvertfald ens ud i både Opera 7.0 dk og IE 6.0 dk på en Windows platform. :-)

Se her:
#anbefal {
      position : absolute;
    padding: 0px 0px 0px 0px;
    margin-top: -140px;
    margin-bottom: 0px;
    margin-right: 3px;
    margin-left: 3px;           /* opera kan ikke lide margin:20px auto' */
    height : 290px;
    top: 50%;
    background: #ffffff;
    border: 0px #ffffff;
    border-top: none;
    text-align:center;          /* del 2 af 2 centering hack */
    width: 220px;              /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 220px; }
html>body #anbefal {
    width: 220px; }            /* ie5win fudge ends */


Og tak til jer begge to! 

Mary (hvem er hun?) x-mas.  :-)

Nej, ved du nu hvad, Roenving ! Du har stadig ikke lagt et svar! *suk*
Du er altså uforbedrelig... *SS*

Jamen, jeg skal da heller ikke have points !-)

-->roenving:

Hvis du var en ung, sød og dejlig pige, røg du altså over mine knæ til en kærlig klappe-numse-tur! 

Ok ok, jeg mangler alligevel også at lukke et andet spørgsmål, som du har deltaget i, så dérinde tildeler jeg dig bare points! Ha!  *GG*

Det "gamle" spørgsmål er nu lukket, og er tildelt Roenving points! Ha!

http://www.eksperten.dk/new_post.php?qid=437386&nr=17&time=1071924621

Skal lige sige, at den centreringskode du bruger der ikke validerer... ikke sidst jeg brugte den anyway ;-)

-->exp_
Gør den ikke? Uha, det lyder ikke godt! Men hvad er så løsningen? Og ja, selvfølgelig skal du nok få points for svar, ingen problemer.  :-)

>>exp

Validerer ikke til hvad ?-)

css ?o]

Se på www.firewerx.dk/evc/style.css

Det er en omskrivning af lige præcis DIT eksempel der validerer og virker (testet) i IE , mozilla (og firebird) og opera (ingen af browserne er testet på mac)

roenving >>
Jep - jigsaw-validatoren kan ikke lide:
    voice-family: "\"}\"";