Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


DIV som fyller ut all "resterande" plats?

Postades av 2007-10-04 14:04:50 - Rickard Johansson, i forum html/css, Tråden har 4 Kommentarer och lästs av 1774 personer

Hej,

Jag försöker skapa en ganska simpel layout. Det är helt enkelt 3 rader, top, main och bottom, som alla omsluts av en wrapper div. Wrapper diven är 90% hög, top divern är fixed till 110 pixlar hög, och bottom är fixed ca 40pixlar hög. Nu vill jag ha att main, som ligger mellan top och bottom ska fylla ut resten av platsen på höjden. Men jag kommer inte på nåt bra sätt att göra det. Har sökt runt lite och det verkar vara ett ganska vanligt problem men jag har inte hittat någon lösning.

Försökte att helt enkelt göra mitten diven 100% hög men då blir den 100% +110px +40px hög... Finns det nån annan lösning? Det jag vill göra är alltså:

<code>

------------------ -
| 110px hög | |
------------------ |
| | |
| resten av | > 90 % hög
| utrymmet | |
------------------ |
| 40px hög | /
------------------ -

</code>

Försökte med:

<code>
<div id="container">
<div id="top">
<img src="images/toploga.jpg" />
</div>
<div id="main">
content
</div>
<div id="bottom">
</div>
</div>
</code>
CSS:
<code>
#container {
position:absolute;
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:800px;
height:90%;
background:#ffffff;
padding:3px;
}
#top {
height:109px;
}
#main {
position:relative;
overflow:scroll;
overflow-x:hidden;
margin:auto;
height:100%;
}
</code>


Svara

Sv: DIV som fyller ut all "resterande" plats?

Postades av 2007-10-04 15:19:21 - David Tellander

Hade ett liknande problem för ett tag sedan.

Använde denna teknik: www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/

Funkade bra för mig.


Svara

Sv:DIV som fyller ut all "resterande" plats?

Postades av 2007-10-04 16:59:01 - Rickard Johansson

Tack, ska kolla på det.

Tänk att det ska va så jobbigt att göra nåt som ja tycker låter jätte enkelt :p


Svara

Sv: DIV som fyller ut all "resterande" plats?

Postades av 2007-10-04 17:14:58 - Rickard Johansson

Hm,

Upptäckte att bakgrunden i body ochså scrollas med den lösningen, vilket inte var så bra :S


Svara

Sv:DIV som fyller ut all "resterande" plats?

Postades av 2007-10-04 19:37:53 - Niklas Jansson

Sätt den fixed?
background-attachment: fixed


Svara

Nyligen

  • 12:13 Sex Dolls for Sale
  • 19:42 Online Casinos for Haitian Players
  • 19:38 Rekommendera något intressant
  • 19:13 Международная перевозка грузов
  • 00:01 DL Van Tuning | Exclusive Body Kit
  • 12:08 Indian casino
  • 04:14 Vad finns det för kratomalternativ
  • 14:16 Indian online casino

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 878
27 965
271 772
604
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies