Søg
Avatar billede jumlie Nybegynder
06. september 2002 - 16:09 Der er 13 kommentarer og
1 løsning

Hjælp til relativ positionering

Jeg er ved at være færdig med min første hjemmeside, men jeg er ikke tilfreds med resultatet. Jeg har brugt absolut positionering hvilket bevirker at indholdet rykker mod venstre
hjørne ved en højere opløsning end 800 x 600.
Se her:

http://www.friserverplads.dk/castro/website/index.html

Jeg har nu prøvet mig frem med relativ positionering, men det er gået helt af h.... til.

Se selv her:

http://www.friserverplads.dk/castro/website/index1.html

Jeg søger en der gider at hjælpe mig med at omkode til relativ positionering.
Tabeller er der sikkert en del herinde der vil sige at jeg skal bruge, men det har jeg valgt ikke at gøre af følgende grunde:

1) Har læst mange steder at css positionering er
nemmere og at tabeller generalt er komplicerede
at anvende.

2) Jeg har på nuværende tidspunkt ikke mod på at
anvende dem. Om pkt. 1 er korrekt skal jeg ikke kunne udtale mig om.Det må komme an på en
prøve engang når jeg har fået ovenstående site
på plads og går igang med den næste.
Avatar billede cdc Novice
06. september 2002 - 16:13 #1
skal siden være centreret, vil jeg anbefale di at lave et frameset med den i midten til 760 og de i siderne til *

/cdc
Avatar billede cdc Novice
06. september 2002 - 16:20 #2
et hurtigt eksempel: http://hjem.get2net.dk/arntsen/eksperten/cafe/
Avatar billede jumlie Nybegynder
06. september 2002 - 16:33 #3
cdc-> Har stort set kun hørt dårligt om frames, så dem vil jeg helst
holde mig langt væk fra.
Det jeg gerne vil opnå er at indholdet strækker sig ud over hele siden
uanset opløsning, således at der ikke er et stort område der er bart.
Avatar billede cdc Novice
06. september 2002 - 16:39 #4
det er intet galt i at bruge frames på denne måde
Avatar billede cdc Novice
06. september 2002 - 16:39 #5
selvfølgelig når det skal spræde sig som du siger er det et problem med dette
Avatar billede pelkjaer Nybegynder
06. september 2002 - 16:39 #6
Centrer en div efter princippet her, http://bluerobot.com/web/css/center1.html og positioner dit indhold efter den div relativt.
Avatar billede jumlie Nybegynder
06. september 2002 - 16:46 #7
Pelkjaer-> Det er sikkert rigtigt, men det er lidt svært når jeg ikke forstår at bruge position relativ. Har du kigget på det link jeg har
angivet? Du kunne måske ud fra det fortælle mig hvad jeg gør galt.
Avatar billede pelkjaer Nybegynder
06. september 2002 - 17:13 #8
Det kan jeg da.

Det du gør forkert, er at når du skriver position:relative, så skal du have et element at positionerer efter - du har det blot som med position:absolute hvor man positionerer efter skærmen.

Tjek dette eksempel, det tror jeg gør det let at forstå:

Div'en "center" er en div vi har centreret - de 3 andre div's "one - two - three" er div's som vi positionerer relativt i forhold til div "center" - okay?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    margin:50px 0px; padding:0px;
    text-align:center;
}
#center {
    width:500px;
    margin:0px auto;
    text-align:left;
    padding:15px;
    border:1px dashed #333;
    background-color:#eeeeee;
}
#one {
    width:250px;
    background-color:#cccccc;
    position: relative;
    left: 10px;
    top: 10px;
}
#two {
    width:250px;
    background-color:#cccccc;
    position: relative;
    left: 240px;
    top: 100px;
}
#three {
    width:250px;
    background-color:#cccccc;
    position: relative;
    left: 120px;
    top: 200px;
}
-->
</style>
</head>
<body>
<div id="center">
<div id="one">Nummer 1</div>
<div id="two">Nummer 2</div>
<div id="three">Nummer 3</div>
</div>
</body>
</html>

Du skal på din side blot lave en "usynslig" center div som du centrerer ligesom i eksemplet. Derefter positionerer du dine elementer 1 for 1 i forhold til "center" ved at angive top og left - undgå gerne % for Netscape's skyld.
Avatar billede jumlie Nybegynder
07. september 2002 - 11:07 #9
Pelkjaer-> Så vidt jeg kan se så får din løsning da ikke indholdet til at strække sig over hele siden uanset opløsning. Centrerer den ikke blot? Hvis man sætter width til 500px i #center så vil indholdet skrumpe ind mod midten ved en opløsning på f.eks. 1024x768 og efterlade et tomt rum omkring centreringen og det er netop det jeg vil undgå. Jeg vil gerne udnytte hele siden uanset opløsning. Ret mig endelig hvis jeg tager fejl.
Jeg vil bare gerne være sikker inden jeg går i gang med de helt store
ændringer.
Avatar billede jumlie Nybegynder
07. september 2002 - 11:10 #10
Skal jeg ikke bruge float og % som måleenhed i stedet for at opnå dette?
Avatar billede pelkjaer Nybegynder
07. september 2002 - 11:27 #11
Jeg havde åbenbart ikke læst dit spørgsmål ordentligt.
2 min. så laver jeg et eks til.
Avatar billede pelkjaer Nybegynder
07. september 2002 - 13:57 #12
http://www.peterelkjaer.dk/exp/css-layout.html

Her er 2 divs der begge er centrerede, og som begge udspiller sig efter skærmen. Den ene mere end den anden, alt efter hvad de er sat til.

Denne layout metode vil du kunne bruge til din side - andre divs kan du blot positionere relativt som i mit ovenstående eks. i forhold til en af disse divs.
Avatar billede jumlie Nybegynder
07. september 2002 - 16:58 #13
Pelkjaer-> Har du noget imod at give et eks. ud fra min egen side?
          Det ville måske lette forståelsen betydeligt.
Avatar billede jumlie Nybegynder
10. september 2002 - 11:59 #14
Nå, det gad du åbenbart ikke. Helt ok, så lukker jeg mit spørgsmål igen
og finder ud af det på anden vis. Tak for den hjælp jeg nu fik.
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
TTY - EMULATOR FOR WINDOWS XP Af snestrup2000 i Programmeringsværktøjer 2 08/02/202615:24 08/02/202618:46
Capcha problemer Af Asky i Programmeringsværktøjer 0 02/03/202517:21 -
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
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 går 10:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
28/0311:18 DENVER DVB-tMPEG-4 HD TUNER Af ole falsted i Fjernsyn & projektorer
White papers
Flere white papers »