CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

pepo1965 Nybegynder

27. juli 2011 - 14:28 Der er 4 kommentarer

Fuld tabelhøjde

Jeg har lavet en hjemmeside af tabeller (Dreamweaver CS5) og ønsker at have et stykke grafik, der altid står nederst på siden uanset tabellens skiftende indhold og skærmstørrelse.

Jeg har læst mig til at CSS er løsningen på dette. Forbinder tabellen med en style hvor højden er sat til 100%, fyldes hele siden ud i Dreamweaver, men desværre ikke i Firefox eller IE.

Hvordan løses dette?

Synes godt om

cronaldo Nybegynder

27. juli 2011 - 14:31 #1

background: url('sti-til-billede.jpg') top center;

Det kunne være løsningen for dig :-) Hvis det er height osv. du vil ud og lege med må du lige gå lidt mere ind i hvordan det præcis skal være - for det kan også løses med CSS :-)

Synes godt om

Christiano_ez Nybegynder

27. juli 2011 - 16:07 #2

Hvis du bruger css kunne en løsning måske være:

#div bottom-banner {

max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}

Mmmmen jeg tror ikke den strækker grafikken hvis den ikke er stor nok? Har du evt. et link til siden?

Hvis det ikke virker med "100%" så prøv at brug grafikkens bredde og højde (efter "max-width:" osv.)

Synes godt om

Slettet bruger

28. juli 2011 - 07:20 #3

Ku' position:fixed være svaret ?
- placerer elementet i forhold til skærmen - uanset sidens størrelse

Synes godt om

InboundCPH Novice

06. august 2011 - 04:14 #4

Hej - for at dette skal virke i Firefox og Safari skal du tilføje en 100% højde på html,body i dit css. for at grafikken altid ligger i bunden kan du gøre som nedenstående eksempel hvor den ligger som baggrund positioneret.

<html>
<head>
<style type="text/css">
html,body {
margin:0;
padding:0;
height:100%;
width:100%;
}

table.full-height {
height:100%;
width:100%;
border:1px solid black;
background-image:url(ditbillede.png);
background-position:bottom;
background-repeat:no-repeat
}
</style>
</head>
<body>
<table class="fuld-height"><tbody><tr>
<td>indhold</td>
</tr></tbody></table>
</body>
</html>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS