Søg
Avatar billede bobbedude Nybegynder
06. marts 2002 - 14:36 Der er 6 kommentarer og
1 løsning

Floating boks ??

Hvordan kan jeg få en Floating Boks til at følge layoutet på min side.

Jeg har en tabel der er 100% Høj og 100% Bred.
Mit indhold er så centreret i midten.

Det der går galt er at når jeg placer noget på min side i en floating boks så virker det ikke hvis en bruger eks. maksimer siden.
Altså hvordan får jeg den boks til at følge med ???

Håber i forstår.
Avatar billede tekniskdesigner Nybegynder
06. marts 2002 - 14:51 #1
Hej.

Er ikke sikker på at jeg har forstået det rigtig men er det sådan at vis man laver vinduet en tand mindre og så større bagefter bliver kassen så inde et sted på siden ???

Forstår nemlig ikke helt hvad du mener !

Vh. Thomas Nielsen
www.TekniskDesigner.dk
Avatar billede werd Nybegynder
06. marts 2002 - 14:51 #2
brug position absolute!!

du skriver:
style="position:absolute; top:30px; left:50px;"
Avatar billede bobbedude Nybegynder
06. marts 2002 - 14:55 #3
Det der går galt er at når jeg bruger position:absolute bliver lortet hængende og følger ikke med når man resizer vinduet.
Avatar billede jakoba Nybegynder
06. marts 2002 - 15:09 #4
Det klare du med en onresize handler i <body kommandoen der flytter laget hver gang der bliver resizet.

<body onresize="beregnnyposition()">

til NS bør du ved samme lejlighed gentegne laget.

mvh JakobA
Avatar billede bobbedude Nybegynder
06. marts 2002 - 15:17 #5
jakoba >> kan du smide et eksempel ?
Avatar billede olebole Juniormester
07. marts 2002 - 13:25 #6
<ole>
Du lægger en lille transparent gif ind i noget tabelværk det sted på siden, hvor du ønsker din 'floating-box' skal ligge. Derefter finder du dennes position på onload og onresize af window-objektet og flitter din container derhen:

<html>
<head>
<script type="text/JavaScript">
function getPos(elm){
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function posBox() {
    var dim = getPos(document.getElementById("ib"));
    document.getElementById("bodil").style.left = dim.x;
    document.getElementById("bodil").style.top = dim.y;
}
window.onresize = posBox;
window.onload = posBox;
</script>
</head>

<body>
<div id="bodil" style="position:absolute">En floating box</div>
<table style="width:100%;" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>hjzch sdf sddf sddgfsfsf sf sddfsf</td>
    <td>hjzch sdf sddf sddgfsfsf sf sddfsf</td>
</tr>
<tr>
    <td>jklxvjjhv lsdf sdfjpsijf lsdf lisdfhlisdcf lzdhfl lzsdfh</td>
    <td><img src="en_trans.gif" width="1" height="1" id="ib" border="1"></td>
</tr>
</table>
</body>
</html>

Jeg har lagt en border på gif'en, så du kan se, hvor den er.
/mvh
</bole>
Avatar billede olebole Juniormester
07. marts 2002 - 13:29 #7
....og du kan naturligvis vælge at placere containeren med en fast offset:

  document.getElementById("bodil").style.left = dim.x + 23;
  document.getElementById("bodil").style.top = dim.y - 12;

hvis du ikke kan placere gif'en præcist, hvor du vil have containeren til at ligge  =o)
/mvh
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 går 18:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
02/1018:16 Tømme gammel PC for indhold, kan ikke tændes Af Mai i Andet software
01/1017:41 NVIDIA Geforce GTX 1060 6 GB som "snakker" Af dcedata1977 i Andet hardware
White papers
Flere white papers »