Søg
Avatar billede Hans Frederik Novice
20. december 2005 - 18:00 Der er 12 kommentarer og
1 løsning

Problemer med positioning.

Hej Eksperter!

Vær søde at kigge på http://www.luxware.dk/sider/forside.php og fortæl mig hvorfor de to W3C logoer har lyst til at sidde lige der!

Jeg har, som I selv kan se, begge deres "position: absolute; left:" sat til 0px, hvilket jeg syens burde smide dem helt ud til venstre i det jeg kalder container. Hvad har jeg gjort forkert siden de hænger og flagrer inde midt på siden??

Jeg er ret grøn ud i det hersens hjemmeside noget, så lad venligtst være med at slagte mig hvis jeg har lavet en helt tåbelig og åbenlys fejl : )

MvH
HF
Avatar billede stich Nybegynder
20. december 2005 - 18:13 #1
Grunden er, at de har et parent-element, nemlig div.head, som du har givet display:absolute; (position:relative; vil have samme effekt for child-elementer), og det er placeret et godt stykke inde til højre jo (præcis der hvor W3C-logoerne begynder).
Avatar billede stich Nybegynder
20. december 2005 - 18:29 #2
Altså, et element med position:absolute; placerer sig altså i forhold til det 'nærmeste' parent-element, der har position:absolute; eller position:relative;. Hvis man ikke selv har angivet det på nogen elementer, bliver de positioneret i forhold til html-elementet, IIRC.
Avatar billede Hans Frederik Novice
20. december 2005 - 18:34 #3
Det forstår jeg ikke noget af : )  men hvad skal jeg gøre for at få det til at ligge ude til venstre?
Avatar billede miss-g Seniormester
20. december 2005 - 19:32 #4
Jeg forstår heller ikke så meget af det, men det ser ud til at hjælpe hvis man sætter dem til -210 px (left) i stedet for 0px.
Avatar billede Hans Frederik Novice
20. december 2005 - 19:46 #5
Hmm... tjah, en mulighed, men vil helst vide hvorfor det opfører sig så mærkeligt! Stich... hvorfor bliver "head" parent-element, og hvordan gør jeg "container" til parent-element for alting?
Avatar billede knudgert Nybegynder
20. december 2005 - 20:26 #6
Du centrerer indholdet på siden med css og negativ margin, det er generelt en meget dårlig ide, nøjs med at centrer indholdet verticalt med margin: auto-

Den væsentligste grunder at når indholdet bliver for stort, så får man ikke det hele at se. Prøv at se din side i 800*600.

Generelt er brug af position: absolute en dårlig ide, da de ikke vises i forhold en sides normale flow og det er årsagen til dit problem.
Avatar billede Hans Frederik Novice
20. december 2005 - 20:26 #7
Har løst problemet. Det bestod i at jeg havde en <div align="right></div> i mit head dokument. Da jeg førte denne indstilling ind i mit css dokument i stedet, blev problemet løst.
Avatar billede Hans Frederik Novice
20. december 2005 - 21:01 #8
>>>knudgert, jeg kan godt se at jeg har lidt problemer med 800x600, skal nok lige kigge på det, men jeg kan ikke se hvad det havde at gøre med det løste problem?
Avatar billede knudgert Nybegynder
20. december 2005 - 23:27 #9
Ikke nødvendigvis, men jeg ville blot påpege at du har valgt en uhensigtsmæssigt måde til at centrere indholdet med.
Avatar billede Hans Frederik Novice
21. december 2005 - 06:17 #10
Hvorfor mener du den er uhensigtsmæssig???
Avatar billede roenving Novice
21. december 2005 - 12:53 #11
Prøv at gøre dit browser-vindue meget smalt, så vil du se at hele din menu forsvinder ud til venstre !-)
Avatar billede Hans Frederik Novice
21. december 2005 - 19:56 #12
Men hvorfor skulle jeg dog gøre mit browservindue meget smalt?? Der er jo alligevel ingen der ikke maksimerer det vindue som de sidder og arbejder i?
Avatar billede knudgert Nybegynder
21. december 2005 - 23:28 #13
Det er uhensigtsmæssig fordi man ved mindre browservinduer ikke ser hele indholdet, på din eksisterende side går det galt allerede ved 800*600 og det bør alle sider kunne ses i, til nød med scroll.
Og selvom mange har mulighed for større browservinduer foretrækker mange et mindre fordi man godt vil ha' flere åbne vinduer/programmer.
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
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »