[XHTML+CSS] div's even lang - Softwareontwikkeling

maandag 18 augustus 2003 00:37

Acties:

ja

Topicstarter

ik probeer met CSS en XHTML een site te maken die 2 balken heeft aan de zijkant.
die balken moeten minimaal 100% zijn (dus de hoogte van het scherm), en zonodig zo lang als de content, die in een div ertussen staat.

ik heb het al op verschillende manieren geprobeerd, en ik zal nu even een code posten die dus niet werkt, maar waardoor je het misschien zal snappen:

code:

<!DOCTYPE
 html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl">
<head>
<title>test-index.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
div, body
{
   padding: none;
   margin: none;
   border: none;
   height: 100%;
}
</head>
<body>
<div>
   <div style="width: 30px; background-color: green; float: left;">
      &nbsp;
   </div>
   <div style="width: 30px; background-color: green; float: right;">
      &nbsp;
   </div>
   <div>
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
      test <br />
   </div>
</div>
</body>
</html>

maandag 18 augustus 2003 00:52

Acties:

André

Analytics dude

Wat heb je al geprobeerd dan? Anders is het een scriptrequest...

En het eerste wat je kunt doen is de vaste breedte van 30px weghalen, want die breedte wil je variabel hebben.

maandag 18 augustus 2003 00:54

Acties:

Blaise

Hier vind je wel wat je zoekt denk ik.

maandag 18 augustus 2003 01:36

Acties:

R0berto

ja

Topicstarter

André schreef op 18 August 2003 @ 00:52:
Wat heb je al geprobeerd dan? Anders is het een scriptrequest...

En het eerste wat je kunt doen is de vaste breedte van 30px weghalen, want die breedte wil je variabel hebben.

ik heb het al met absolute positioning geprobeerd, met inline display, en nog enkele andere manieren, die ik zo 1-2-3 niet meer weet...

btw: het is de height die variabel is, niet de width...

ik heb, dankzij de keywords van blaise, idd wel wat gevonden, maar dat zijn ellenlange lappen css, maar dat zal het waarschijnlijk dan moeten worden....:/

[ Voor 5% gewijzigd door R0berto op 18-08-2003 01:45 ]

maandag 18 augustus 2003 01:38

Acties:

crisp

Devver

Pixelated

of misschien toch maar stiekum een tabel?

Intentionally left blank

maandag 18 augustus 2003 01:48

Acties:

R0berto

ja

Topicstarter

nee, een tabel is om data gestructureerd weer te geven, en niet om layouts te maken....
ik ben daarom juist van de tabellen afgestapt...

toch maar wachten op de ondersteuning van "min-height"

maandag 18 augustus 2003 02:27

Acties:

Verwijderd

code:

html, body 
{
    margin: 0px;
    height: 100%;   
}

ff getest en het werkt

edit:
In Mozilla Firebird 0.6.1

[ Voor 19% gewijzigd door Verwijderd op 18-08-2003 02:29 ]

maandag 18 augustus 2003 10:29

Acties:

Clay

cookie erbij?

R0berto schreef op 18 augustus 2003 @ 01:48:
nee, een tabel is om data gestructureerd weer te geven, en niet om layouts te maken....
ik ben daarom juist van de tabellen afgestapt...

toch maar wachten op de ondersteuning van "min-height"

min-height kan je ie laten gebruiken met een stukkie script (eeuwig jammer ja, maar toch wel zo handig)

JavaScript:

function fixIEMinHeight(id) {
   var el = document.getElementById(id);
   if(el.currentStyle) el.style.height = el.currentStyle.minHeight;
}

zou moeten werken, iets in deze richting iig. currentStyle is IE only (dacht ik) en hoewel IE het niet snapt wordt de minHeight uit de stylesheet daar wel opgeslagen. Omdat IE height eigenlijk als minHeight interpreteert schop je hem daar gewoon heen (bv onload).

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin