Avatar billede svjensen Nybegynder
28. august 2003 - 15:20 Der er 14 kommentarer og
1 løsning

Placering af nederste div

Jeg bygger min side op af fire div elementer; top, menu (i venstre side), body og bund.

Min "bund-div" er 25px og indeholder alene en copyright erklæring.
Jeg kunne vældigt godt tænke mig at den altid er placeret helt nederst på skærmen uanset brugerens skærmopløsning.

Hvordan hakker jeg lige den?
Avatar billede svjensen Nybegynder
28. august 2003 - 15:20 #1
Det er naturligvis 25px i højden
Avatar billede roenving Novice
28. august 2003 - 15:24 #2
Nederst på skærmen eller nederst i teksten ?-)
Avatar billede svjensen Nybegynder
28. august 2003 - 15:29 #3
Nederst på skærmen
Avatar billede svjensen Nybegynder
28. august 2003 - 15:30 #4
På samme måde, som hvis det var bygget med rammer.
Avatar billede m_skau Nybegynder
28. august 2003 - 15:33 #5
<table width="100%" height="100%" border="0">
  <tr>
    <td ><div id="alt andet"></div></td>
  </tr>
  <tr>
    <td valign="bottom"><div id="bund"></div></td>
  </tr>
</table>
Avatar billede svjensen Nybegynder
28. august 2003 - 15:37 #6
Hvorfor bygge det med <table>?

Det er p.t. lavet på følgende måde:

i .asp dokumentet:
<div id="top">
  <!--#include file="top.asp"-->
</div>

<div id="menu">
  <!--#include file="menu.asp"-->
</div>

<div id="body">
  Her er sidens tekst
</div>

<div id="bund">
  <!--#include file="bund.asp"-->
</div>


i .css fil:

#top
{
top:0px;
height:75px;
width:100%
}
#menu
{
top:75px;
width:160px;
}
#body
{
top:75px;
left:160px;
}
#bund
{
top:620px;
height:25px;
}

Men jeg vil gerne væk fra at låse mig fast på de 620px i #bund
Avatar billede m_skau Nybegynder
28. august 2003 - 15:46 #7
Hvorfor ikke bygge det med table - det er simpelt og det virker! :)
Ellers skal du have fat i browserens vindueshøjde for dynamisk at kunne justere dine divhøjder, og browserens vindueshøjde er client-side, dvs javascript (screen.height).
Avatar billede svjensen Nybegynder
28. august 2003 - 15:51 #8
Artiklen her er grunden til at jeg valgte at prøve at tage hul på <div> i stedet for <table>: http://www.html.dk/artikler/00043/

Men lad os lige holde os til det jeg egentlig spørger til; Kan jeg anvende javascript i .css?
Avatar billede exp Juniormester
28. august 2003 - 16:05 #9
du kan godt bruge javascript i inline og in-dicument css...

m_skau >>
Grunden til at svjensen bruger divs er
1. han kan lide udfordringen ved at kode efter reglerne
2. godt ved, at tabeller er lavet til at liste en række data op, og IKKE til at lave design på hjemmesider ;-)
Avatar billede nielle Nybegynder
28. august 2003 - 16:06 #10
#bund {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
Avatar billede svjensen Nybegynder
28. august 2003 - 16:11 #11
Det prøver jeg lige af (på en anden maskine på vores intranet, så det tager lige et par minutter). I mellemtiden lige et spørgsmål; hvad gør:
position: absolute; ??
Avatar billede exp Juniormester
28. august 2003 - 16:18 #12
Den positionerer ud fra browserens begrænsninger, hvor positon:relative positionerer udfra det foregående element
Avatar billede svjensen Nybegynder
28. august 2003 - 16:20 #13
Bottom: opx; virker, men jeg har lige et andet problem.

Min menu-div er defineret som:

#menu
{
position:absolute;
left: opx;
top:75px;
width:160px;
}

Men det giver det problem, at den "stopper", når der ikke er mere tekst i menu.asp. Jeg vil gerne have den til at gå helt ned til bund-div (som jo har sin top et relativt sted jf. ovenfor)
Avatar billede svjensen Nybegynder
02. september 2003 - 10:04 #14
Er der virkelig ingen der kan hjælpe med det?
Avatar billede svjensen Nybegynder
23. september 2003 - 15:15 #15
Lukker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester