Søg
Avatar billede pnr Nybegynder
15. april 2003 - 08:44 Der er 22 kommentarer og
1 løsning

Problemmer med boks

Jeg har nogle bokse på min side.

|Boks 1|
|Boks 2| "Denne boks har en variabel højde"
|Boks 3|

Hvordan kan jeg få "Boks 3" til at følge "Boks 2" når den ændre højde?

Kan jeg på nogen måde "spørge" "Boks 2" hvor den slutter?
Avatar billede mortrr Praktikant
15. april 2003 - 08:49 #1
Den enkle løsning kunne være at lade boks 3 ligge i bunden af boks 2. (inde i boks 2)

Det andet kan lade sig gøre i nyere IE med expression, men ikke i andre.
Så skal du til at lave noget javascript.
Avatar billede schaefner Juniormester
15. april 2003 - 08:53 #2
Eller med en ganske almindelig tabel.
Avatar billede schaefner Juniormester
15. april 2003 - 08:53 #3
Alt efter hvordan det nu skal fungere.
Avatar billede pnr Nybegynder
15. april 2003 - 08:59 #4
hvordan´kan jeg bruge en tabel?
Avatar billede schaefner Juniormester
15. april 2003 - 09:01 #5
Så vidt jeg har forstået det, så skal boks3 stå under boks 2 lige meget hvor høj boks 2 bliver. Er det korrekt?
Avatar billede pnr Nybegynder
15. april 2003 - 09:03 #6
jep
Avatar billede schaefner Juniormester
15. april 2003 - 09:05 #7
<table cellpadding="0" cellspacing="0" border="0"><tr>
  <td>Boks1</td>
</tr><tr>
  <td>Boks2<br><br><br><br><br><br><br></td>
</tr><tr>
  <td>Boks3</td>
</tr></table>
Avatar billede pnr Nybegynder
15. april 2003 - 09:29 #8
Hvis jeg gør det på den måde kommer det hele til at stå oven i hinanden
Avatar billede schaefner Juniormester
15. april 2003 - 09:33 #9
Hvordan mener du?
Avatar billede pnr Nybegynder
15. april 2003 - 09:50 #10
Jeg har sat det op som du beskrev, men det hele står midt på siden, oven i hinanden.
Avatar billede mortrr Praktikant
15. april 2003 - 09:58 #11
Bruger du stadig de samme "classes" med absolut position?
Så vil positionen jo nu være udfra placeringen i tabellen.
Avatar billede pnr Nybegynder
15. april 2003 - 10:08 #12
min boks ser ud som følger:

.boks{
    position:absolute;
    width:500px;
    right:0;
    bottom:0;
    left:50%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:-250px;
   
    border: 1px solid black;
}
Avatar billede mortrr Praktikant
15. april 2003 - 10:11 #13
Når du bruger absolute fylder den ikke noget i omgivelserne, så hvis den ligger i en tabel vil cellen ikke have nogen udbredelse.
Så bare tag den ud.
Avatar billede pnr Nybegynder
15. april 2003 - 10:25 #14
Nu har jeg slette absolute, og sat margin-left: 250. (dvs at den er centreret ved en opløsning på 1024 x 768). og det virker som det skal. Men hvad nu hvis man køre en anden opløsning så vil den ikke være centreret. Hvordan kan jeg centrer den ved alle opløsninger



.boks{
   
    width:500px;
    right:0;
    bottom:0;
    left:50%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:2px;
    margin-left:250px;
   
    border: 1px solid black;
}
Avatar billede mortrr Praktikant
15. april 2003 - 10:30 #15
Så er det ikke boksen, men tabellen der skal centreres.
Avatar billede pnr Nybegynder
15. april 2003 - 10:35 #16
Nu har jeg undladt at bruge en tabel for den beskære mine bokse
Avatar billede schaefner Juniormester
15. april 2003 - 10:37 #17
<html>
<head></head>

<body>

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="height: 100%"><tr><td align="middle">

<table cellpadding="0" cellspacing="0" border="0"><tr>
  <td>Boks1</td>
</tr><tr>
  <td>Boks2<br><br><br><br><br><br><br></td>
</tr><tr>
  <td>Boks3</td>
</tr></table>

</td></tr></table>

</body>
</html>
Avatar billede schaefner Juniormester
15. april 2003 - 10:38 #18
align="middle" skal lige være align="center" :)
Avatar billede schaefner Juniormester
15. april 2003 - 11:01 #19
Jeg ved ikke om den også skal være centreret i forhold til top og bund. Hvis den ikke skal, så gør du bare således:

<center>
<table cellpadding="0" cellspacing="0" border="0"><tr>
  <td>Boks1</td>
</tr><tr>
  <td>Boks2<br><br><br><br><br><br><br></td>
</tr><tr>
  <td>Boks3</td>
</tr></table>
</center

/Jesper Sørensen
Avatar billede pnr Nybegynder
15. april 2003 - 12:19 #20
Nå nu har jeg fået det til at stå som det skal, så smid nogle svar så i kan få point
Avatar billede schaefner Juniormester
15. april 2003 - 16:32 #21
svar :)
Avatar billede mortrr Praktikant
15. april 2003 - 19:32 #22
Gi det hele til schaefner
Avatar billede pnr Nybegynder
16. april 2003 - 11:23 #23
Jeg takker for hjælpen
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 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
I går 17:00 Film Server Af dcedata1977 i Andet software
I går 12:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
12/0913:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
White papers
Flere white papers »