Avatar billede googolplex Novice
07. oktober 2003 - 19:56 Der er 10 kommentarer og
1 løsning

Absolute positioning og ældre browsere

Jeg benytter absolute positioning (Position: absolute) på min side: http://ladefoged-roenne.dk

Det virker fint...troede jeg, lige indtil jeg tjekkede min side med Internet Explorer 5.0, så kan man kun se halvdelen af siden :(

Hvad gør jeg ? Jeg vil gerne beholde position: absolute, er det overhovedet muligt ?

Hvor mange browsere/versioner har problemer med position: absolute ?
Avatar billede roenving Novice
08. oktober 2003 - 01:00 #1
Position:absolute dur også i 5.0, så du må have andre problemer ?-)

Ifølge min reference kan den bruges i:

IE4+ og NS6+ (og dermed har også Gecko-maskinen (som bruges i alle NS6++ og Mozilla m.m. !-) '-)
Avatar billede googolplex Novice
08. oktober 2003 - 06:51 #2
Kan det have noget at gøre med den måde jeg centrere min side på ? Jeg gør fx således:

div#venstretop
{
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    left: -375px;
    top: 10px;   
    height: 84px;
    margin-left: 50%;
    padding: 5px 0px 3px 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 507px;
}
Avatar billede olebole Juniormester
08. oktober 2003 - 09:29 #3
<ole>

Hold.da.helt.op ... er der overhovedet nogen browser, der kan centrere det div? Det kræver da vist clairvoyante evner hos browseren  :)

Kan du forklare - én property ad gangen - hvordan du er kommet frem til netop de værdier?

/mvh
</bole>
Avatar billede googolplex Novice
08. oktober 2003 - 12:35 #4
olebole:

Mine værdier er da logiske nok :P For lige at skære alt overflødigt væk:

div#venstretop
{
    left: -375px;
    top: 10px;   
    height: 84px;
    margin-left: 50%;
    position: absolute;
    width: 507px;
}

Jeg vil gerne bruge Position: Absolute, men samtidig centrere det, så jeg fandt denne metode (som ikke virker alt for godt tilsynelanden).

Jeg sætter jo bare margin til 50%,så  starten af siden rykker sig ind på midten og så positionere jeg i forhold til midten i stedet for venstre side.

Kan det lade sig gøre på en bedre måde ?
Avatar billede olebole Juniormester
08. oktober 2003 - 12:54 #5
Ja, de er sikkert logiske ... bare ikke i forhold til CSS  :)

Der er ikke nogen god måde, du kan centrere et absolut positioneret div.
Det ligger vel egentlig også i ordet 'absolute' ... positions koordinaterne har en absolut størrelse - og relaterer sig ikke til noget (så havde det nemlig været 'relative' positioneret).
Se _det_ er logik  ;o)
/mvh
Avatar billede googolplex Novice
08. oktober 2003 - 15:19 #6
Jeg kan gost se hvad du mener, jeg synes bare AP er så nemt at arbejde med, det manglede bare lige centreringen, så jeg fandt denne løsning.

Hvis der ikke findes en god måde (en der virker i de fleste browsere), hvordan jeg det nemmest om med div ?
Avatar billede olebole Juniormester
08. oktober 2003 - 23:02 #7
Tjaa, der er jo ikke meget, der er decideret svært, men opfattelsen af, man absolut skal bruge 'position:absolute', er helt forkert - selvom den er ganske udbredt  :)

Ja, du kan jo undlade at bruge 'position:absolute', når du skal centrere ... eller du kan anbringe et absolut div, som du centrerer et relativt div i. Positionen af en container er jo afhængig af den omsluttende containers position.
Der er flere muligheder, men den rigtige skal altid vælges udfra den specifikke situation - hvilket kræver, du kender CSS-specifikationerne rigtig godt.
/mvh
Avatar billede googolplex Novice
09. oktober 2003 - 17:46 #8
olobole: Jeg synes bare AP er så nemt at arbejde med, men jeg kan bestemt godt se, at det ikke altid er en heldig løsning!

Fandt dog en løsning på mit problem andensteds på Eksperten. Det er 'tilfældigvis' roenving der også har kreeret den, så han får pointene :)
Avatar billede roenving Novice
10. oktober 2003 - 15:10 #9
-- jamen jeg takker da for pointene ;~}

-- hvad for en løsning ?-)
Avatar billede googolplex Novice
10. oktober 2003 - 15:30 #10
I stedet for:

margin-left: 50%;
left: -375px;

Så:

margin-left: -375px;
left: 50%;

Nu virker det i hvert fald flere steder :)
Avatar billede roenving Novice
10. oktober 2003 - 16:24 #11
Oki !-)
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