Avatar billede blueeye97 Nybegynder
15. november 2005 - 16:12 Der er 13 kommentarer og
1 løsning

Lag flytter rundt afh. af opløsning

Jeg har et lag der er placeret sådan her:

<div style="position: absolute; width: 177px; height: 68px; z-index: 1; left: 283px; top: 20px" id="lag1">
    <span lang="da"><?include ("abc.php");?></span></div>

Jeg lavede det på min labtop som kører 1400x1050. Nu opdagede jeg lige, at laget flytter sig mod højre hvis siden vises i 1024X768.

Kan man forhindre det ?
Avatar billede jokkejensen Novice
15. november 2005 - 16:34 #1
ikke med absolut positionering...

Så skal det mig bekendt placeres med Javascript afhængigt af browser vinduets størrelse..
Avatar billede blueeye97 Nybegynder
15. november 2005 - 16:35 #2
Nåh for filen...

Så er lag da en smule upraktisk ....
Avatar billede blueeye97 Nybegynder
15. november 2005 - 16:36 #3
Måske jeg så skulle flytte spørgsmålet til javascript i stedet for..
Avatar billede blueeye97 Nybegynder
15. november 2005 - 17:12 #4
lukker igen...

Jeg løste det ved at lave en celle over det billede hvor php filen skulle includeres. Billedet lavede jeg om til baggrund i stedet for..

Jokke > Smid et svar, så deler vi i porten :o)
Avatar billede olebole Juniormester
15. november 2005 - 22:16 #5
<ole>

Et absolut positioneret element placerer sig i forhold til det første, omkransende element, der er positioneret:

<div style="width:600px;height:400px;background:yellow;margin:0 auto">
  <div style="position:absolute;left:120px;top:75px">En tekst</div>
</div>

/mvh
</bole>
Avatar billede olebole Juniormester
15. november 2005 - 22:16 #6
Baaahhh ...  :)

<div style="position:relative;width:600px;height:400px;background:yellow;margin:0 auto">
  <div style="position:absolute;left:120px;top:75px">En tekst</div>
</div>
Avatar billede blueeye97 Nybegynder
15. november 2005 - 23:01 #7
olebole >

Jeg er ikke helt med på hvad du mener. Den side jeg har er bygget op som nedenstående. Og der flytter laget jo frem og tilbage afhængig af hvilken opløsning jeg kører.

<div style="position:absolute;left:445px;top:21px; width:82px; height:48px">En tekst</div>
</div>
<div align="center">
    <table border="0" width="500" height="500" id="table1" style="border: 1px solid #000000">
        <tr>
            <td>&nbsp;</td>
        </tr>
    </table>
</div>
Avatar billede olebole Juniormester
15. november 2005 - 23:05 #8
Ja, men det er heller ikke lavet, som jeg skrev. Hvad du præcist skal gøre, er umuligt at svare på med de par småstumper af koden. Jeg har jo ingen anelse om, hvordan noget skal se ud  :)
Avatar billede blueeye97 Nybegynder
15. november 2005 - 23:27 #9
OK.. Jeg prøver igen :o)

Nedenstående kode viser præcis hvad jeg mener. "En tekst" vises 2 forskellige steder afhængig af hvilken skærmopløsning man kører. Jeg har illustreret det ved, at skrive nedenunder de 2 steder som "En tekst" vises. Som du kan se, flytter den næsten ind midt over tabellen hvis man ændrer skærmopløsningen til 1024x768.

Min "rigtige" side er præcis bygget op på denne måde. Dog er tabelstørrelse her bare fiktiv.:

<div style="position:absolute;left:445px;top:21px; width:82px; height:30px">En tekst</div>
</div>
<div align="center">
    <table border="0" width="500" height="500" id="table1" style="border: 1px solid #000000">
        <tr>
            <td width="114" height="38">&nbsp;</td>
            <td height="38" width="66">&nbsp;</td>
            <td height="38">&nbsp;</td>
        </tr>
        <tr>
            <td width="114" height="38"><font face="Verdana" size="1">Herover
            vises &quot;en tekst&quot; ved 1400x1050</font></td>
            <td height="38" width="66">&nbsp;</td>
            <td height="38"><font face="Verdana" size="1">Herover vises &quot;en
            tekst&quot;<br>
            ved 1024x768</font></td>
        </tr>
        <tr>
            <td width="114">&nbsp;</td>
            <td width="66">&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>
</div>
Avatar billede olebole Juniormester
16. november 2005 - 01:04 #10
Jeg ved ikke, hvad du vil opnå ved denne fremgangsmåde og hvad der er begrundelsen for at gøre det sådan. Det må du nok forklare. Hvorfor står teksten i et lag for sig?  :)
Avatar billede blueeye97 Nybegynder
16. november 2005 - 12:36 #11
Begrundelse... hmmm... Er vel underordnet....

Jeg ville på min oprindelige side placere en nedtællingscounter. Den skulle placeres i (læs: over) en celle hvor der i forvejen var noget grafik. Jeg tænkte at det var smart at gøre det i et lag. Det kunne jeg jo så placere uafhængigt af, hvad der befandt sig nedenunder.

Min side er som i eksemplet bygget op i en tabel, der er centreret horisintalt, således at siden altid ses i midten uanset skærmopløsning.

Jeg lavede laget og placerede det over jpg billedet .Når jeg åbner siden fra min egen maskine står counteren der hvor jeg vil ha den. Men hvis jeg åbner siden fra en maskine der kører 1024x768, så flyttes counteren (laget) et stykke ind mod midten af siden. Det eksempel jeg har lavet til dig illustrerer jopræcis hvad jeg mener.

Mit spørgsmål er så igen; Kan det lade sig gøre at et lag ikke sådan flytter rundt afhængig af skærmopløsning og kan det lade sig gøre i den konstallation jeg har, hvor siden vises i en tabel midt på siden?

Som jeg har skrevet i tråden her, har jeg jo for så vidt løst problemet, ved at lave jpg filen som baggrund i cellen og så bare lave min include i cellen. Jeg syntes bare at det ville være nemmest hvis man kunne oprette et hurtigt lag som så kunne placeres fuldstændigt uafhængigt af celler.
Avatar billede blueeye97 Nybegynder
16. november 2005 - 12:42 #12
Nu er min oprindelige side selvfølgelig ikke "bare" en enkelt celle midt på siden :o))

Der er masser af celler inden i og også nogle frames. Men da mit eksempel her i tråden illustrerer hvad jeg mener, går jeg ikke ud fra at det er relevant. :o)
Avatar billede blueeye97 Nybegynder
16. november 2005 - 13:14 #13
en TABEL midt på siden selvfølgelig... ;o)
Avatar billede blueeye97 Nybegynder
18. november 2005 - 23:11 #14
ok... lukker... Går ud fra at det ikke kan lade sig gøre... Mærkeligt at lag så er opfundet :o))
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