---

Hej gruppe

Bag det lettere kryptiske og selvmodsigende subj. gemmer sig følgende
spørgsmål:

Hvordan kan jeg få "Genveje"-boxen i højre side på http://kbhlive.dk/
til at være fixed men bibeholde den nuværende placering i forhold til
resten af layouted som float'er rundt?

I første omgang gør det ikke noget at det ikke fungerer i IE6, forudsat
at det så bare fortsat ser ud som det gør nu.

Skyd løs - jeg er lost!

Mvh. Jonas

---

Jonas Delfs skrev:

> Hvordan kan jeg få "Genveje"-boxen i højre side på http://kbhlive.dk/
> til at være fixed men bibeholde den nuværende placering i forhold til
> resten af layouted som float'er rundt?

<div style='position:absolute; top:80px; right:40px; position:fixed;'>

Juster værdierne for top og right.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen skrev:
> Jonas Delfs skrev:
>
>> Hvordan kan jeg få "Genveje"-boxen i højre side på http://kbhlive.dk/
>> til at være fixed men bibeholde den nuværende placering i forhold til
>> resten af layouted som float'er rundt?
>
> <div style='position:absolute; top:80px; right:40px; position:fixed;'>
>
> Juster værdierne for top og right.

Jo, men nu er layoutet jo centreret, så det vil vel kun virke ved den én
skærmopløsning? Skal det forstås sådan at det rent faktisk ikke kan lade
sig gøre?

Mvh. Jonas

---

Jonas Delfs skrev:

> Jo, men nu er layoutet jo centreret, så det vil vel kun virke ved den én
> skærmopløsning?

Slet ikke. Positionstallene refererer til browservinduet. Du kan
se en side hvor jeg har brugt metoden her (nederst til venstre):

   http://bertel.lundhansen.dk/sprog/sprog.php?page=ods_forkort

eller her (nederst til højre):

   http://fiduso.dk/?page=skraellemaend

Der er dog noget på den side der ikke er helt tilfredsstillende.

> Skal det forstås sådan at det rent faktisk ikke kan lade sig gøre?

Nej, det er nemt.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen skrev:
> Jonas Delfs skrev:
>
>> Jo, men nu er layoutet jo centreret, så det vil vel kun virke ved den én
>> skærmopløsning?
>
> Slet ikke. Positionstallene refererer til browservinduet.

Har du kigget på den adresse jeg postede? Jeg har jo netop et design med
fast (px) bredde, så det vil jo være forskelligt for de forskellige
skærmopløsninger hvor langt der er ud til siderne af browservinduet...

Hvis jeg bruger position:fixed; right:120px; top:87px; ser det rigtigt
ud i 1024x768, mens boxen i 800x600 ligger ovenpå selve indholdet, og i
1280x1024 er der pludselig alt for meget luft ind til resten af
designet. Logisk nok.
Mit spørgsmål går på om det på en anden måde (hack?) kan lade sig gøre
så det ser rigtigt ud i alle opløsninger?

Mvh. Jonas

---

Jonas Delfs skrev:

> Mit spørgsmål går på om det på en anden måde (hack?) kan lade sig gøre
> så det ser rigtigt ud i alle opløsninger?

Så prøv med em i stedet for px. Det refererer til den aktuelle
fontstørrelse (det er bredden på tegnet m).

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Jonas Delfs skrev:

> Hvordan kan jeg få "Genveje"-boxen i højre side på http://kbhlive.dk/
> til at være fixed men bibeholde den nuværende placering i forhold til
> resten af layouted som float'er rundt?
>
> I første omgang gør det ikke noget at det ikke fungerer i IE6, forudsat
> at det så bare fortsat ser ud som det gør nu.
>
> Skyd løs - jeg er lost!

position:fixed fikserer elementet i forhold
til /browservinduet/ (viewport) undtagen i IE<7,
der fortolker position:fixed som position:static.

Med andre ord kan du ikke fiksere et element i forhold
til et andet element end html-elementet (eller body-
elementet, hvilket i praksis er det samme).

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jonas Delfs wrote in dk.edb.internet.webdesign.html:
> Hej gruppe
>
> Bag det lettere kryptiske og selvmodsigende subj. gemmer sig følgende
> spørgsmål:
>
> Hvordan kan jeg få "Genveje"-boxen i højre side på http://kbhlive.dk/
> til at være fixed men bibeholde den nuværende placering i forhold til
> resten af layouted som float'er rundt?
>
> I første omgang gør det ikke noget at det ikke fungerer i IE6, forudsat
> at det så bare fortsat ser ud som det gør nu.
>
> Skyd løs - jeg er lost!
>
> Mvh. Jonas

Hej Jonas

Jeg havde selv lidt af samme problem med hovedet på siden, og fik det
løst
ved i min style at fikse toppen på siden

#top {
position:fixed;
left:0;top:0;}

HTML koden er

<div id="top">
         
<img src="[sti]/[navn].jpg" alt="Hovede"/>
      
</div>

M.v.h.

Peter


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials