div med 100% height

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

div med 100% height

Post by ADiS »

Jag blir fan galen på detta med att få en vid vara 100% hög.

Det är så att jag har två menyn, på vänster och höger sidan samt med huvudinnehåll mellan dem två. Nu är det så att när man fyller innehållet så förljer inte sidmenyerna med i höjden utan stannar kvar i sin höjd.

Code: Select all

<div id="d_body">
	<div id="d_outerbox">
	</div>
		<div id="top_menu">
		</div>
	<div>
		<div id="d_contentbody_left">
		</div>
		<div id="huvud_innehall">
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		</div>
		<div id="d_contentbody_right">
		</div>
  </div>
    <div id="copy"></div>
</div>
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
Peter Wall
Hedersbit
Posts: 7026
Joined: 2002-03-08 0:52:56
Location: Stockholm
Contact:

Post by Peter Wall »

Jag hinner inte skriva något nu men har du tittat igenom tidigare trådar om div'ar på forumet? Bara ur huuvdet kommer jag ihåg den här tråden som var uppe nyligen: http://www.64bits.se/forum/viewtopic.php?t=67053

Kanske hittar du något matnyttigt där.
Diplomerad webbutvecklare
Microsoft Certified Professional Windows 2003
Microsoft Certified Technology Specialist Windows Vista
"Did you know kidneys and applesauce are a delicacy in Sweden? I'm gonna get my applesauce back!"
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Har kollat in ett antal på forumet men även testat ditt exempel där men den funkar heller inte.

EDIT:
här kan ni kika hur jag gjrot
http://www.adissida.net/64bits/ovrigt/dvis/

har fan försökt allt möjligt men funkar inte ;(
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Post by madr »

Skapa falska kolumner, faux columns. Enda sättet det går att göra smidigt på för att det skall fungera i alla webbläsare.

Fanns i länken tidigare i tråden.
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
Zhaozhou
Posts: 150
Joined: 2005-06-25 14:32:20
Contact:

Post by Zhaozhou »

http://goobah.org/stuff/height/

Kolla där. (:
Allt går med lite CSS. (:
"Only after disaster can we be resurrected"
- Must be a level 8 issue.
User avatar
Mitra
Posts: 1517
Joined: 2002-04-07 2:47:49
Location: Hässleholm
Contact:

Post by Mitra »

varför inte använda dig av grafisk/text lösning.. kanske kan prorgammet gui fixa det åt dig, och sen kan du simplifiera eller liknande.. men men gl
varför 100% när 60% duger mer än väl?
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Det löste sig inatt kl02:00, satt hela dagen och fann något som heter Equal Height Columns:
http://www.positioniseverything.net/art ... qualheight

Denna bild beskrev mitt problem:
Image

Funkar prima men bara att jag inte alls tyckte om css-koden:
{
padding-bottom: 32767px;
margin-bottom: -32767px;
}
Förvirrande med dessa värden. Men funkar det gör den!

EDIT:
kan samtidigt fråga varför w3c klagar på:
<A class=topmenuitems href="pm.php"> Inkorg </A>
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<A class=topmenuitems href="chat/index.php"> Chat</A>
element "A" undefined

------------------------
EDIT2
Löste sig igen, fick visst inte vara stort a, dvs A och måste vara a.
Det andra var att det skulle stå "topmenuitems"....
;D
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
sore
Posts: 148
Joined: 2005-01-06 17:23:45
Location: Jönköping
Contact:

Post by sore »

Finns ett annat exempel också även om man måste modifiera cssen lite för egna behov men den funkar perfekt för min del.
http://solardreamstudios.com/_img/learn ... ooterstick

*såg att det inte var exakt samma sak nu men går nog att få ut nått vettigt av den iaf :)*
Att tala är överskattat...Att tiga är en frihet!
Post Reply