Avatar billede Claus Mester
03. august 2003 - 00:08 Der er 20 kommentarer og
1 løsning

Table nederst på siden

Jeg er interesseret i, at få placeret en tabel nederst på forsiden af min webside indgang. Tabellen skal til alle tider være beliggende nederst på siden, uanset indholdets mægnde.

Prøv at se ved at følge dette link:
www.geocities.com/cflygenring .
På sitet, vælg linket øverst til venstre "Tabelcentrering .."

Tabel 3.1 vil jeg således have placeret nederst på siden.

Har nogen en rigtig god idé?

nicolaus
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:11 #1
noget ala "TOP" linket som hele tiden er i nederste højre hjørne på www.mopedpower.dk ????
Avatar billede roenving Novice
03. august 2003 - 00:12 #2
I css er der faktisk defineret en property, som hedder bottom (for positionerede elementer), så:

style="bottom:5px;"
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:13 #3
roenving : og den justeres efter browserens view - og ikke efter indholdet højde ???
Avatar billede roenving Novice
03. august 2003 - 00:16 #4
Og så skal den selvfølgelig være komplet:

style="position:absolute;bottom:5px;"

-- der er dog visse problemer med understøttelse, præcis hvad kan jeg ikke huske, men prøv f.eks.

<div id="minDiv" style="position:absolute;bottom:5px;border:red 1px dotted;left:50%;width:800px;margin-left:-400px;">En div-tekst</div>
Avatar billede roenving Novice
03. august 2003 - 00:17 #5
>>bearhugx

-- Jeg tror zq det er der hunden er begravet, ja !-)
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:17 #6
hmm.. jeg har lige prøvet (bare med pos:abs og bottom 5px) og der bliver det godtnok positioneret 5px fra kanten- men i IE følger den ikke med, når jeg trækker længere  ned på siden :-/
Avatar billede Claus Mester
03. august 2003 - 00:25 #7
Nu er jeg newbie til CSS. Kunne du udspecificere hvordan jeg skriver koden i CSS og koden i HTML? - Det ville være great :-)
Avatar billede roenving Novice
03. august 2003 - 00:25 #8
Jeg tror det eneste som med rimelighed virker i de fleste vil være en grafik på baggrunden med fixed placering, men om den vil placere sig i bunden -- det har jeg ikke prøvet !-)
Avatar billede roenving Novice
03. august 2003 - 00:28 #9
Det som står efter style i tagget er bare en lettere måde, når vi lige prøver ...

Oversat som normal css bliver det:

#minDiv{
position:absolute;
bottom:5px;
border:red 1px dotted; /*Og herfra er det bare markeringog positionering centreret*/
left:50%;
width:800px;
margin-left:-400px;
}
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:28 #10
med javascript kan man komme langt...

Jeg har lavet [TOP] tingen på mopedpower, og kan forklare, hvordan den virker - men den er kun testet i IE

er der nogen her som lige har NS og lign. ---
hvis i lige tester om det virker på mopedpower.dk, så vil jeg da gerne forklare det --

men jeg kan selv kun teste det på IE 6.0
Avatar billede kohaar Nybegynder
03. august 2003 - 00:28 #11
Nu ved jeg godt, at jeg vil blive hakket ned :-), men var det ikke nemmere med et frame?
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:29 #12
roenving : margin-left -400 ??????
Avatar billede roenving Novice
03. august 2003 - 00:31 #13
Avatar billede roenving Novice
03. august 2003 - 00:32 #14
>>bearhugx

Kender du ikke den ?-)

En eddersmart måde at centrere dynamisk på !-)
Avatar billede roenving Novice
03. august 2003 - 00:35 #15
-- det er vist noget lignende edutasia laver i det spm jeg henviste til ...

-- og så er der faktisk en hel masse, som vil forsøge at undgå andet end det som alle vides at bruge ...

Hvorefter de starter med at fyre 3 flash og 4 pdf'er ind *gg*
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:36 #16
roenving ... jeg har stadigvæk svært ved at fatte hvad en 400px forskydning til venstre for skærmen skal bruges til -- og så siger du at man kan bruge den til at centrere dynamisk ??? .... Jeg er tabt ...

www.tumulten.dk bruger jeg JS til at centrere en iframe :-) - forholdsvis straight-forward kode :-)

Der er forresten også en "pos-i-forhold-til-bunden"-ting :-)
Avatar billede roenving Novice
03. august 2003 - 00:40 #17
left:50%;
width:800px;
margin-left:-400px;

Læg mærke til at disse tre linjer arbejder sammen:

- først sættes start-punktet på div'en til at være midt på skærmen, så sættes bredden til at være 800, hvorefter margin flytter hele balladen 400 til venstre ...

Resultat: Div'en er placeret nøjagtig midt på skærmen uanset hvad du har slået til og fra i din browser, bare den understøtter css ...
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:41 #18
ok... jeg skulle lige have de to andre med for at det gav nogen form for mening :-)
Avatar billede bearhugx Nybegynder
03. august 2003 - 00:51 #19
men nuvel -- for at det ikke skal blive en for lang diskussion, så er her en version som virker (omend et JS hack)  i hvert fald i IE...

(your milage may vary...)=

Det forudsættes at man lavet et DIV (layer) som man så ligger tabellen ind i - i dette eksempel får denne div ID'en "tbl" :

<script type="text/javascript">
  var tbl;
  function reposTbl() {
    tbl.style.top = document.body.scrollTop+document.body.clientHeight;
  }
  function doOnLoad() {
    tbl = document.getElementById("tbl");
    window.onscroll = reposTbl;
  }
</script>

<style type="text/css">
  #topButton {
    position: absolute;
    top: 100%;
    width:50px;
    height:15px;
    z-index:1;
    margin-top: -20px;
  }
</style>

<body onLoad="doOnLoad();">
  <div id="tbl">
    <!-- indsæt din tabel HER -->
  </div>
</body>


du bliver nød til at prøve dig frem med henholdsvis height og width for at finde den rigtige størrelse --

Ang margin_top, så skal den sættes til
  -(height+afstand_fra_bunden)
så hvis din tabel er 100px høj, og den skal placeres 10 px fra bunden, så skal margin_top være -110;

/Søren
Avatar billede Claus Mester
03. august 2003 - 01:41 #20
Kommentar: roenving
03/08-2003 00:28:19
-------------------
Lige hvad jeg skulle bruge:-) Tak.
Og tak til i to andre også, for indlæggene.

roenving>> Svarer du lige så du kan få point!

nicolaus
Avatar billede roenving Novice
03. august 2003 - 01:50 #21
Velbekomme '-)
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