Toon posts:

Div Layers

Pagina: 1
Acties:
  • 56 views sinds 30-01-2008

woensdag 9 februari 2005 15:25

Acties:

Verwijderd

Topicstarter
Ik heb me vandaag eens voorgenomen om wat kennis te vergaren over XHTML, DIV layers en dat soort dingen.

Ik probeer eens een basis opzet met div-layers te maken maar het wil niet echt lukken. Dit is het idee:

Afbeeldingslocatie: http://www.believer.nl/images/opzet.jpg

Opzich niet zo lastig, maar het voor mij moeilijker als het lichtgrijze gedeelte een vaste breedte moet hebben maar de rest helemaal uitgevuld moet worden naar rechts, zodat hij pagina breed word.

Ik heb het GOT en google al afgezocht, maar word nog niet echt veel wijzer!

Kunnen jullie mij vertellen hoe ik dit moet aanpakken?

woensdag 9 februari 2005 15:28

Acties:

Verwijderd

wat heeft het met layers te maken?, verder geloof ik dat je divs alleen een aantal pixels als breedte mee kan geven, dus zou je met js oid moeten uitrekenen wat de breedte van je scherm is.

woensdag 9 februari 2005 15:32

Acties:

Verwijderd

niks js, css

http://www.thenoodleincid...als/box_lesson/boxes.html

overigens: wat is je css tot nu toe? ;)

[ Voor 22% gewijzigd door Verwijderd op 09-02-2005 15:35 ]

woensdag 9 februari 2005 15:32

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 11-05 16:42

André

Analytics dude

Je zou hier eens kunnen kijken:
http://www.glish.com/css/

woensdag 9 februari 2005 15:43

Acties:
  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11-2025

OkkE

CSS influencer :+

Euhmm ... wat heb je zelf al geprobeerd? Welke CSS/HTML heb je al? Wat wil er niet lukken? Waar denk je dat het probleem zit? Volgens mij moet dit prima te doen zijn, en nog simpel ook. :{

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

woensdag 9 februari 2005 15:52

Acties:
  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11-2025

OkkE

CSS influencer :+

Omdat ik totaaaaaaal geen zin heb verder te gaan met mijn werk, heb ik even snel een opzetje gemaakt. Om de achtergrond van je #main tot onder te krijgen ook al is er minder tekst, moet je maar opzoeken op Google.

Icm de boven genoemde links van mophor en Andre moet je een heel eind komen.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>test1</title>
    <style type="text/css">
    html {
        height: 100%;
        }
    body { 
        margin: 0px; 
        height: 100%;
        }
    #links {
        float: left;
        height: 100%;
        width: 200px;
        background: #aaa;
        }   
    #site {
        float: left;
        height: 100%;
        margin: 0px;
        padding: 0px;
        }
    #head {
        height: 100px;
        background: #000;
        color: #fff;
        }
    #main {
        height: 70%;
        background: #ccc;
        }
    div { 
        margin: 5px 5px 0px 0px; 
        padding: 5px;
        }
    </style>
</head>
<body>

<div id="links">
    <p>balk licht grijs met een vaste breedte.</p>
</div>

<div id="site">
    
    <div id="head">
        <p>zwarte bovenbalk tot helemaal rechts.</p>
    </div>

    <div id="main">
        <p>de rest van de site.</p>
    </div>

</div>

</body>
</html>

[ Voor 14% gewijzigd door OkkE op 09-02-2005 15:52 ]

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

woensdag 9 februari 2005 15:54

Acties:
  • Willem
  • Registratie: Februari 2001
  • Laatst online: 16:32

Willem

Genoeg tips om mee verder te stoeien. :)
/basic

Motor (of auto) onderhoud bijhouden

Pagina: 1

Dit topic is gesloten.