WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   hjälp med hemsida! (https://www.wn.se/forum/showthread.php?t=27627)

jormar 2008-03-02 22:14

Hejsan!
Jag undrar hur man får en tabell / innehållet på sidan att lägga sig längst med nederkanten. Jag har skrivit in:
<body topmargin="0"> och då lägger sig sidan längst med toppen, men hur får jag så att det blir samma sak längst ner?

hoppas ni förstår vad jag menar

/Jorm

Timofey 2008-03-02 22:56

<body style="margin-bottom: 0"> borde fungera, men jag har inte testat.
Annars kan du lägga allt innehåll i en fixerad div.

turboraketti 2008-03-03 08:15

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Titel</head>
 <style><!--
  html, body { height: 100%; margin: 0; padding: 0; }
  #container { position: absolute; bottom: 0; }
 --></style>
</head>
<body>
 <div id=container>
  Lorem ipsum ...
 </div>
</body>
</html>

Något sådant borde funka.
/C#

Davve 2008-03-03 08:25

www.webdesignskolan.se har allt du behöver så lär du dig samtidigt :)

Arzoras 2008-03-03 11:04

Om inte det funkar kan det ju bero på något av innehållet på sidan och då kan man alltid fula sig lite och ge den ett minus värde ex. margin-bottom: -50px;

Aerpe 2008-03-03 11:07

Så här :)

Funkar i IE och FF

Kod:

<html>
 <body>

 *<div id="container">

 *</div>

 </body>
</html>

Kod:

html, body{
height:100%;
min-height:100%;
}

#container{
display:table;
height:100%;
}


Aerpe 2008-03-03 11:54

Citat:

Originally posted by Aerpe@Mar 3 2008, 12:07
Så här :)

Funkar i IE och FF

Kod:

<html>
 <body>

 *<div id="container">

 *</div>

 </body>
</html>

Kod:

html, body{
height:100%;
min-height:100%;
}

#container{
display:table;
height:100%;
}


Glöm det, missförstod det hela så det ovan är något helt annat tror jag.

Detta gör så att sidan alltid är 100% hög, bra om man vill ha en bakgrund i wrappern/containern bland annat.


Alla tider är GMT +2. Klockan är nu 22:24.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson