/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
footer nederst på siden.
Fra : Kasper Nordal Lund


Dato : 19-07-06 07:42

Hej med jer.

Jeg vil gerne have lavet en såkaldt footer hvor jeg kan skrive et eller
andet nederst på mine sider.

Min css fil ser sådan her ud:

#frame{
   position:            relative;
   width:               100%;
   background-color:         transparent;
   margin:               auto;
}


#header{
   position:            absolute;
   left:               0px;
   top:               5px;
   width:               100%;
   height:               50px;
   background-color:         #801a00;
}

#sideoverskrift{
   position:            absolute;
   width:               100%;
   left:               0px;
   top:               15px;
   height:               20px;
   text-align:            center;
   font-size:            20px;
   font-weight:             bold;
}

#links{
   position:            absolute;
   width:               100%;
   top:               60px;
   height:               20px;
   background-color:         aqua;
   text-align:            center;
}


#center{
   position:            relative;
   margin-top:            0px;
   margin-bottom:            10%;
   left:               0px;
   top:               80px;
   width:               984px;
   bottom:               30px;
   height:               90%;
   background-color:         #b85c00;
   z-index:            10;
   font-size:            15px;
}

#center-text{
   position:            absolute;
   margin-top:            0px;
   margin-bottom:            10%;
   left:               192px;
   top:               15px;
   width:               600px;
   margin-bottom:            10%;
   height:               90%;
   background-color:         #b85c00;
   z-index:            10;
   font-size:            15px;
   text-align:            left;
}

Jeg har fosøgt mig med følgende:

#bottom-text{
   position:            absolute;
   left:               192px;
   bottom:               0%;
   width:               600px;
   height:               5%;
   background-color:         #b85c00;
   z-index:            10;
   font-size:            15px;
   text-align:            center;
   border-style:            solid;
   border-width:            1px;
}
Jeg har forsøgt både med absolute, static, relative og fixed, men jeg
kan simpelthen ikke få den frem i bunden.

Nogen gode forslag?

Mvh.

Kasper

 
 
Michael Knudsen (19-07-2006)
Kommentar
Fra : Michael Knudsen


Dato : 19-07-06 08:29

Kasper Nordal Lund skrev:

> Jeg har forsøgt både med absolute, static, relative og fixed, men jeg
> kan simpelthen ikke få den frem i bunden.
>
> Nogen gode forslag?

Jeg må indrømme, at jeg ikke har nærlæst din css-kode, men jeg har
på fornemmelsen, at det ville hjælpe at tilføje

clear: both;

til det DIV, du bruger til din footer. Prøv eventuelt en søgning på
Google for se mere om, hvordan clear virker.

--
Michael Knudsen


Kasper Nordal Lund (19-07-2006)
Kommentar
Fra : Kasper Nordal Lund


Dato : 19-07-06 16:29

On Wed, 19 Jul 2006 00:29:19 -0700, Michael Knudsen wrote:


> clear: both;
>
> til det DIV, du bruger til din footer. Prøv eventuelt en søgning på
> Google for se mere om, hvordan clear virker.

Jeg prøver.

Erik Ginnerskov (19-07-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-07-06 22:10

Kasper Nordal Lund wrote:

>> Prøv eventuelt en søgning på
>> Google for se mere om, hvordan clear virker.
>
> Jeg prøver.

Du kunne også droppe et link til din side her, så vi har en mulighed for at
se nærmere på problemet. Din opremsning af css-definitioner er ret
intetsigende, når man ikke kan se den tilhørende markup i en browser.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Kasper Nordal Lund (20-07-2006)
Kommentar
Fra : Kasper Nordal Lund


Dato : 20-07-06 12:47

On Wed, 19 Jul 2006 23:09:32 +0200, Erik Ginnerskov wrote:


>
> Du kunne også droppe et link til din side her, så vi har en mulighed for at
> se nærmere på problemet. Din opremsning af css-definitioner er ret
> intetsigende, når man ikke kan se den tilhørende markup i en browser.

Det lyder da fornuftigt: www.nordal-lund.dk

Det er linket med "opret nyt indlæg" jeg ville have liggende nederst i en
div. Jeg ved godt jeg bare kan lavet et par <br />'er og så lave den i
samme div som resten, men jeg ville nu gerne have den i en div for sig
selv.

Erik Ginnerskov (21-07-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-07-06 16:53

Kasper Nordal Lund wrote:
> On Wed, 19 Jul 2006 23:09:32 +0200, Erik Ginnerskov wrote:
>
>
>>
>> Du kunne også droppe et link til din side her, så vi har en mulighed
>> for at se nærmere på problemet. Din opremsning af css-definitioner
>> er ret intetsigende, når man ikke kan se den tilhørende markup i en
>> browser.
>
> Det lyder da fornuftigt: www.nordal-lund.dk
>
> Det er linket med "opret nyt indlæg" jeg ville have liggende nederst
> i en div.

Den forstod jeg ikke. Den tekstlinje står da nederst i sin egen div. Men jeg
kan se, at du bruger en hulens masse position:absolute som jeg absolut ikke
kan se, at du har brug for.

Putter du hele din sides indhold ind i en fælles div, som du giver den
ønskede bredde og centrerer den i vinduet, kan du bare fylde din sides
indhold ind uden at bruge energi på placeringen, den kommer helt automatisk.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408939
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste