Søg
Avatar billede jih Nybegynder
13. marts 2005 - 22:04 Der er 18 kommentarer og
1 løsning

position: absolute problemer

Hey! jeg har lavet en hjemmeside for et færøsk band ( www.48pages.net ), som først loader en side, som så redirecter dig til den side der passer til din screen resolution... Men den redirecter kun til følgende opløsninger:

-800x600
-960x600
-1024x768
-1152x864
-1280x960
-1280x1024

Jeg har brugt en masse "position: absolute"s på siden.. Er der ikke en nemmere måde, og som kan ses rigtigt på alle skærmopløsninger?

// WebPsycho
Avatar billede alister_crowley Nybegynder
13. marts 2005 - 22:05 #1
Jeg vil sige at det bedste du kan gøre er at kode din side fuldstændig om.

Og så bruge block-elementer med procentvis angivelse til størrelsen, så ordner HTML selv opløsningen.
Avatar billede alister_crowley Nybegynder
13. marts 2005 - 22:06 #2
Se eksempler her:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Avatar billede jih Nybegynder
13. marts 2005 - 22:08 #3
ja, jeg havde tænkt mig at kode det hele om... men det jeg gerne vil er at have en forklaring om hvordan jeg gør det så alle kan se den på den rigtige måde... og til at få ting til at sidde midt på skærmen hos alle..
Avatar billede alister_crowley Nybegynder
13. marts 2005 - 22:14 #4
Jeg kan give et eksempel, min side:

http://www.thedeathart.dk/  bliver centrert i alle opløsninger, både horisontal og vericalt.

Hvis jeg så satte brede og højde til at være procent værdier istedet, ville det også blive tilpasset til alle opløsninger.
Avatar billede jih Nybegynder
13. marts 2005 - 22:20 #5
ikke for noget, men jeg kan ikke se hvordan skal hjælpe mig?

<link rel="stylesheet" type="text/css" href="includes/style.css" />
<link rel="stylesheet" type="text/css" href="includes/tooltip.css" />
<link rel="stylesheet" type="text/css" href="includes/rte.css" />
<script type="text/javascript" src="includes/menu.js"></script>
<script type="text/javascript" src="includes/richtext.js"></script>
<script type="text/javascript" src="includes/tooltip.js"></script>

du har jo bare linket til det hele... =S jeg har brug for noget kode eksempel for at se hvad det er jeg skal gøre... =S (hvis du har brug for min kode, vil jeg gerne give den, men den er bare en masse rod som jeg næsten ikke kan finde rundt i)
Avatar billede roenving Novice
13. marts 2005 - 22:37 #6
Grundlæggende bør position:absolute; benyttes så lidt som overhovedet muligt ...

-- afhængig af hvad man ønsker skal der bruges forskellige teknikker til at placere tingene, men man bør til centrerede ting tage udgangspunkt i at placere hele boullesjavsen i et element, som så centreres, f.eks. sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Centreret</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;text-align:center;background:#000 url(dinBaggrund.jpg) center center no-repeat;overflow:hidden;}
#site{position:relative;width:760px;margin:0 auto;height:100%;background:#333;color:#fdd;text-align:left;}
#bottom{position:absolute;left:0;width:100%;text-align:center;bottom:0px;background:#222;color:red;}
</style>
</head>
<body>
<div id="site">
  Indholdet på sitet placeres her !-)
  <div id="bottom">&copy;&nbsp;MitNavn 2005</div>
</div>
</body>
</html>
Avatar billede alister_crowley Nybegynder
13. marts 2005 - 22:40 #7
hov ja :)
Min stylesheet til layout er dette her:

http://www.thedeathart.dk/includes/style.css

Og jeg holder med roenving i at position absolut gerne må undgåes. (Den duer heller ikke til flere forskellige opløsninger :P )
Avatar billede jih Nybegynder
13. marts 2005 - 22:46 #8
roenving > hvad så med de fire billeder omkring iframen? hvordan får jeg sat dem på plads så?
Avatar billede roenving Novice
13. marts 2005 - 22:52 #9
Sæt dem sammen til eet billede, som du lægger bagved iframen, derfor placerede jeg dinBaggrund.jpg center center !-)
Avatar billede jih Nybegynder
13. marts 2005 - 23:27 #10
hmm... tjae... det prøver jeg lige så ... ;-)
Avatar billede jih Nybegynder
13. marts 2005 - 23:40 #11
har lige testet det, og min baggrund kommer ikke frem... har aldrig rigtigt fået den baggrund funktion i css til at virke... hvad kan det være?
Avatar billede roenving Novice
13. marts 2005 - 23:42 #12
Skriver du det sådan, som jeg skrev det: url(minBaggrund.jpg) ?-)
Avatar billede jih Nybegynder
13. marts 2005 - 23:43 #13
skriver url(background/background.png) (har også prøvet med url("background/background.png")... det virker ikke... =S
Avatar billede roenving Novice
13. marts 2005 - 23:44 #14
Har du dit stylesheet i en ekstern fil i en anden mappe ?-)
Avatar billede jih Nybegynder
13. marts 2005 - 23:45 #15
ja det har jeg, men jeg bruger ikke mit stylesheet til det der.. har oprettet en ny side til at teste med, og der har jeg bare skrevet den kode direkte ind...?
Avatar billede roenving Novice
13. marts 2005 - 23:48 #16
-- og stien er helt korrekt, altså den ligger i en undermappe til den aktuelle ?o]
Avatar billede jih Nybegynder
13. marts 2005 - 23:50 #17
ja... doublechecked it.. den ligger i den undermappe jeg kaldte den fra... kan det være fordi jeg bruger avant browser ?
Avatar billede jih Nybegynder
18. marts 2005 - 12:09 #18
roenving: faldt du i søvn, eller gav du op? =Oo
Avatar billede jih Nybegynder
18. marts 2005 - 20:36 #19
... lukker
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »