Hoofdcategorieën

[RSS] Forum » DevschuurŽ » Webdesign, Markup & Clientside Scripting » [CSS/HTML] Tot het eind van de pagina

Topicacties

[CSS/HTML] Tot het eind van de pagina

Pagina: 1 2 last

Reageer Nieuw Topic

offline Geplaatst op woensdag 25 mei 2005 17:35

Acties:

Door: Zji
Berichten: 65
Reg. datum: 20 juni 2004
Er is al een andere BG aan in de pagina zoals je ziet. Of kun je ook 2 achtergrondjes bij je html, body plakken..

En daarnaast; zo omslachtig moet het toch niet hoeven? :?

Edit: Hm, snap wel wat je bedoelt, maar dan moet je die bg niet in de algemene class zetten maar een aparte div.. Ik zal dat wel doen, maar ik blijf het vreemd vinden dat het niet gewoon anders kan.. In ieder geval bedankt. :)

Zji wijzigde dit bericht 25-05-2005 17:38 (41%)

 

offline Geplaatst op woensdag 25 mei 2005 18:37

Acties:

Door: Zji
Berichten: 65
Reg. datum: 20 juni 2004
Toch niet.. :(
Die container waar alles nu in zit en die de bg van 700x1 heeft rekt niet mee als de teksten langer dan 1 pagina worden.. Oftewel; het is 100% en rekt ook niet verder uit.. Pff, verder proberen..
 

offline Geplaatst op woensdag 25 mei 2005 23:44

Acties:

Door: Sappie
De Parasitaire Capaciteit!
Berichten: 1.122
Reg. datum: 26 september 2000
quote:
Gijs Pouwels schreef op woensdag 25 mei 2005 @ 17:35:
Er is al een andere BG aan in de pagina zoals je ziet. Of kun je ook 2 achtergrondjes bij je html, body plakken..

En daarnaast; zo omslachtig moet het toch niet hoeven? :?
Omslachtig? Ik geef nu alleen de body een background.. faux columns echt al wel goed bekeken? Je wekt de schijn dat de "container" altijd minstens de hele pagina lang is doormiddel van die background...
quote:
Gijs Pouwels schreef op woensdag 25 mei 2005 @ 18:37:
Toch niet.. :(
Die container waar alles nu in zit en die de bg van 700x1 heeft rekt niet mee als de teksten langer dan 1 pagina worden.. Oftewel; het is 100% en rekt ook niet verder uit.. Pff, verder proberen..
Heb je het uberhaupt wel geprobeerd met mijn code (waarbij de body de background heeft en niet de "container") ? (heb je wel een gifje aangemaakt zodat je ziet wat er gebeurt?) Onderstaande code is bij mij (1280*1024) "hoger" dan 1 "pagina" (mocht het bij jou niet het geval zijn dan voeg je nog maar wat paragraafjes toe.. ) en rekt netjes uit: (zie ook nog edit onderaan)
edit:

hier stond niet helemaal de goede html / css.. kijk onderaan voor de oplossing

edit
Ik zie nu pas dat je gebruik maakt van 2 backgrounds ja.. daar had ik nog niet aan gedacht 8)7
Ik ga ff kijken of dat ook op te lossen is.. maar dan wordt het iig ff lastiger :s

edit 2

Na ff gepiel lijkt dit hier goed te werken in zowel IE als FF: bg.gif is hier je "repeatende" achtergrond met die diagonalen erin. en red.gif is de achtergrond van de "container"

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
    <style type="text/css">
        html {margin: 0; height: 100%; background: url("./bg.gif") top left; } 
        body {margin: 0; min-height: 100%; _height: 100%;background: url("./red.gif") repeat-y center top; }
    </style>
</head>
<body>
      <div style="width: 600px; margin: 0 auto; ">
          <p style="margin: 0;">blaat</p> <!-- margin: 0  ivm margin collapsing in FF -->
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p>blaat</p>
          <p style="margin: 0;">blaat</p> <!-- margin: 0  ivm margin collapsing in FF -->
      </div>
</body>
</html>

Sappie wijzigde dit bericht 26-05-2005 00:15 (251%)

Specs | Audioscrobbler

offline Geplaatst op donderdag 26 mei 2005 18:45

Acties:

Door: Spruit_elf
Intentionally left blank
Berichten: 596
Reg. datum: 18 februari 2001

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<style>
*{padding:0;margin:0}
body{padding-top:110px;}
.head{height:80px;position:absolute; top:0}
.menu{height:30px;position:absolute;top:80px}
.content{height:100%;}

/*alleen voor demo, 1px border zorgt voor de scrollbalk, is op te lossen*/
div{width:99%;border: 1px solid black;}
</style>


<body>    
    <div class="head">header</div>
    <div class="menu">menu</div>
    <div class="content">content</div>
</body>



niets faux colums, dat is een workaround, ik wist wel dat het ook gewoon kon...

naja ik geef het op, hangt er een beetje vanaf wat je wil, dit kan een oplossing zijn, maar als je tekst langer als het scherm word moet fauxcolumns gebruiken

Spruit_elf wijzigde dit bericht 26-05-2005 19:26 (47%)

Those who danced were thought to be quite insane by those who could not hear the music.

offline Geplaatst op donderdag 26 mei 2005 18:46

Acties:

Door: Anne
CSS1Compat
Berichten: 1.638
Reg. datum: 21 november 2003
Euh. Zet er een DOCTYPE geven. Zet in #content meer inhoud en geef het een achtergrondkleur. (En test in Mozilla.) Et cetera.

"Standards suck"

offline Geplaatst op donderdag 26 mei 2005 19:19

Acties:

Door: Spruit_elf
Intentionally left blank
Berichten: 596
Reg. datum: 18 februari 2001
quote:
Anne schreef op donderdag 26 mei 2005 @ 18:46:
Euh. Zet er een DOCTYPE geven. Zet in #content meer inhoud en geef het een achtergrondkleur. (En test in Mozilla.) Et cetera.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style>
*{padding:0;margin:0}
html,body{height:100%}
html{margin-bottom:-110px;}
body{padding-top:110px;}
body{_padding-top:0px;}
.head{height:80px;position:absolute; top:0}
.menu{height:30px;position:absolute;top:80px}
.content{height:100%;}

/*alleen voor demo 1px border zorgt voor de scrollbalk, is op te lossen*/
div{width:99%;border: 1px solid black;}
</style>


<body>    
    <div class="head">header</div>
    <div class="menu">menu</div>
    <div class="content">content</div>
</body>



ff aangepast dat er een doctype boven staat en dat ie het in standaard compilance mode ook doet

wel lelijk IE hack maar daar weet ik zo gauw niets op

Spruit_elf wijzigde dit bericht 26-05-2005 19:22 (33%)

Those who danced were thought to be quite insane by those who could not hear the music.

offline Geplaatst op donderdag 26 mei 2005 19:36

Acties:

Door: Anne
CSS1Compat
Berichten: 1.638
Reg. datum: 21 november 2003
M'n argument voor .content (ik dacht dat het een ID was...) geldt nog steeds. Je wilt 'min-height' of iets dergelijks.

"Standards suck"

Pagina: 1 2 last

VNU Media logo Hosted by True

© 1998 - 2009 Tweakers.net - Alle rechten voorbehouden - Uw Privacy - Algemene Voorwaarden

Uitgever van: