Avatar billede svjensen Nybegynder
21. maj 2005 - 06:40 Der er 16 kommentarer og
1 løsning

Overlib positionering i div giver problemer

Efter at jeg har bygget mit site op med div's, jeg har fået et problem med positioneringen af mine overLib popup's.

Der virker som om positioneringen sker i forhold til øverste venstre hjørne af den pågældende div, frem for øverste venstre hjørne af browservinduet, hvilket jo betyder, at den kommer nede til venstre.
Avatar billede roenving Novice
21. maj 2005 - 15:27 #1
Hvis du sætter positionering på en div, vil et element inde i diven blive positioneret i forhold til den, så hvis overLib placerer dem forkert, har du initialiseret overLib-popuppen det forkerte sted, den skal så placeres uden for de diver, hvor den skal vises ...

-- kan du linke til dit eksempel ?-)
Avatar billede svjensen Nybegynder
21. maj 2005 - 15:59 #2
http://www.airpower.dk/debate.php?action=show_threads&subject_id=1

'AirPower Forum' i toppen af indholdsdelen giver en popup
Avatar billede roenving Novice
21. maj 2005 - 16:09 #3
Du har også ulovli tagging, for dit body-tag kommer først inde i noget tabel- og div-værk, så sørg for at det er ordentligt, ved at flytte

<body marginwidth="5" marginheight="5" topmargin="5" leftmargin="5" rightmargin="0" bottommargin="5">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="include/overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

op lige efter </head>-tagget !-)
Avatar billede roenving Novice
21. maj 2005 - 16:10 #4
-- og så skal du iøvrigt huske at angive doctype ved at indsætte:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

før <html>-tagget !o]
Avatar billede svjensen Nybegynder
21. maj 2005 - 16:13 #5
Jeg vil godt medgive, at min kode ikke er den reneste man kan finde ;-)

Men jeg troede faktisk at min body-tag skulle være inde i min div.

Jeg prøver lige at justere som du foreslår...
Avatar billede roenving Novice
21. maj 2005 - 16:19 #6
Et minimalt html-dokument ser således ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>

<!-- Her kan meta-tags, style- og script-blokke placeres -->

</head>
<body>

<!-- alt indhold, dvs _alle_ html-tags iøvrigt !-) -->

</body>
</html>
Avatar billede svjensen Nybegynder
21. maj 2005 - 16:43 #7
Så lærte jeg også lidt om god kodeskik i dag, det er jo altid fint. Du kender ikke tilfældigvis et godt sted (artikel eller lign.), der kan skabe lidt overblik over god kodeskik generelt, og php specifikt (hvis der er nogle specifikke "regler")?

Jeg har justeret som du foreslog, og det ser ud til at den vertikale justering passer nu, men den horisontale driller stadig. Samme link.
Avatar billede roenving Novice
21. maj 2005 - 16:48 #8
Ja, jeg så det, det lader til at Erik Bosrup har en lille uhensigtsmæssighed indbygget i sit script, men hvorfor har du i det hele taget tabellen udenom ?-)
Avatar billede svjensen Nybegynder
21. maj 2005 - 16:52 #9
Som jeg lige husker det, så havde jeg et problem med at få sitet centreret, og stødte på en tutorial et eller andet sted, som anvendte en tabel til at styre alignment.
Avatar billede svjensen Nybegynder
21. maj 2005 - 16:54 #10
Jeg har lige opdateret til seneste overLib version, og det flyttede poup'en længere mod højre.
Avatar billede roenving Novice
21. maj 2005 - 16:58 #11
Når du har indsat doctype behøver du ikke mere tabellen med den css, du bruger, så fjern roligt den ...

-- og jeg vil faktisk tro, at overLib-poppen så kommer på plads !-)
Avatar billede svjensen Nybegynder
21. maj 2005 - 17:06 #12
Hmm. Popup'en blev stående, men hele siden blev flyttet til venstre kant.
Skal jeg gøre noget særligt i forhold til at angive at mine div skal være centrerede?
Avatar billede svjensen Nybegynder
21. maj 2005 - 17:08 #13
Nu fik jeg popup'en på plads.
Jeg fjernede margin: auto; fra min table i css.

Så skal jeg bare have flyttet sitet tilbage til midten.
Avatar billede svjensen Nybegynder
21. maj 2005 - 17:16 #14
Jeg har indsat tabellen igen, hvilket centrerer sitet - og fastholde popup'en det rigtige sted.

Centrering uden tabel bliver lige en anden dag.

Tak for hjælpen. Husk lige et svar ;-)
Avatar billede roenving Novice
22. maj 2005 - 04:20 #15
Oki '-)
Avatar billede roenving Novice
22. maj 2005 - 15:06 #16
-- og tak for point ;~}
Avatar billede svjensen Nybegynder
22. maj 2005 - 15:10 #17
Det var så lidt. Er du kommet i tanke om en godt sted at få overblik over god programmeringsskik?
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