Søg
Avatar billede stagedk Nybegynder
03. september 2009 - 15:40 Der er 4 kommentarer og
1 løsning

CSS: Få et element HELT ned i bunden,

Hej eksperter, jeg er ikke lige den største CSS haj, og har derfor brug for lidt vejledning.
Jeg er igang med en opgave til en netcafé som skal have lavet en side.
problemet er at mit design ikke helt vil gå i spind med CSS konfigurationen...

billede:
http://djstage.dk/scrndmp.png

Jeg vil gerne ha sat min "copyright" bar Helt ned i bunden, men den gider bare ikke.

jeg bruger flg configuration i CSS sheetet:


#copyright {
    background: url(images/copyright.png) bottom center;
    width: 839px;
    height: 34px;
    margin: 0 auto;
    display: block;   
}


Nogle der kan hjælpe :)?
Avatar billede nissen2630 Novice
05. september 2009 - 20:58 #1
Det må da bare være at sætte en  float:bottom; på
Avatar billede stagedk Nybegynder
07. september 2009 - 00:34 #2
Har jeg prøvet, hjælpe desværere ikke en dyt...
Avatar billede nissen2630 Novice
07. september 2009 - 16:55 #3
Det står et eksempel lidt nede af siden som skulle kunne gøre det:
http://www.webmasterworld.com/forum83/501.htm
Avatar billede nissen2630 Novice
07. september 2009 - 16:56 #4
Ellers kommer det her


<html>
<style type="text/css">
/* colored borders put on for visual effect only */
body{
height: 100%;
margin: 0;
padding: 0;
}

#spacer{
height: 95%;
float: left;
width: 1px;
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0;
background-color: red; /* visual effect only */
}

#contentwrap{
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}

#content{
padding: 30px;
border-width: 1px;
border-style: solid;
border-color: blue;
}

#footer{
clear: both;
height: 5%;
border-width: 1px 0 0 0;
border-style: solid;
border-color: red;
vertical-align: middle;
padding: 0;
margin: 0;
}

</style>
</head>

<body>
<div id="spacer"></div>

<div id="contentwrap">

<div id="content">
<p>this is the content div</p>
<p>&nbsp;</p>
<p>more content</p>
<p>&nbsp;</p>
<p>and even more</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><!-- content -->

</div><!-- contentwrap -->

<div id="footer">footer</div>
</body>
<html>   
Avatar billede stagedk Nybegynder
16. november 2009 - 00:27 #5
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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
24/0417:35 Kan ikke resette PC med Windows 8.1 Af TTA i Office & Kontorpakker
24/0413:33 Lukning af Microsoftkonto Af ErikHg i Windows
23/0416:10 Bat file. Af johnnylassen i Andet programmering
23/0410:28 “Signe” Svindel omtalt i medier Af nu_igen i Mobiltelefoner
22/0420:59 RAID controller virker ikke ved tilslutning af alle 4 harddiske Af Strawberry i Andet hardware
White papers
Flere white papers »