[CSS] voor dummies - Deel 5 | Digital Corner (DIG)

zondag 23 juli 2006 @ 22:29:30 #1

the_disheaver

[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4

maandag 24 juli 2006 @ 17:48:02 #2

qu63

..de tijd drinkt..

hoe kan ik er voor zorgen dat een divje altijd onderaan blijft op mn pagina? (mn footer dus

)

bottom: 0px; helpt niet, want als ik ga scrollen blijft ie hangen.

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

maandag 24 juli 2006 @ 20:40:16 #3

the_disheaver

http://www.themaninblue.com/experiment/footerStickAlt/

of deze, maar die werkt niet in opera. http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
niet gebruiken dus. Was te vinden in het vorige topic, hierzo: http://forum.fok.nl/topic/834745/1/500#39261345

maandag 24 juli 2006 @ 20:50:01 #4

qu63

..de tijd drinkt..

quote:
Op maandag 24 juli 2006 20:40 schreef the_disheaver het volgende:
http://www.themaninblue.com/experiment/footerStickAlt/

of deze, maar die werkt niet in opera. http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
niet gebruiken dus. Was te vinden in het vorige topic, hierzo: http://forum.fok.nl/topic/834745/1/500#39261345

die 2e link heb ik dus ook geprobeerd, maar die werkte dus ook niet bij mij (IE én FF)

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

maandag 24 juli 2006 @ 20:56:20 #5

the_disheaver

hier wel, zowel ff (1,5 geloof ik) en IE (7)

zondag 30 juli 2006 @ 23:04:42 #6

beerten

Ik wil een <div> helemaal onderaan de pagina plaatsen. Maar het ding zweeft ergens halverwege de pagina. Blijkbaar is ie afhankelijk van de positie van de overige div's.
Het gaat om de div "footer" (<div id="footer">
Ik vermoed dat het iets moet zijn met clear: both; De andere div's worden wel naar wens weergegeven. Ik werk niet met container-div's of iets dergelijks.

Wie kan me helpen? Ik ben een ontzettende n00b met css..

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
61
62
63
64
65
66
67
68
69

#footer {
        bottom: 10px;
        left:10px;
        height: 20px;
        width: 764px;
        border: black solid 1px ;
        background-color: #6b6b6b;
       }

#admin_bar {
   float: top;
   top: 10px;
   position: relative;
   left: 110px;
   height: 20px;
         width: 650px;
   border: black solid 3px ;
   border-bottom: 0px;
        background-color: #6b6b6b;
       }

#titel_top {
        color : #0000FF;
        border: black solid 2px ;
        background-color: #FFFFFF;
        width: 764px;
        height: 30px;
        position: absolute
        left: 10px;
        top: 10px;
        padding: 0px;
        font-family : Verdana;
        font-size : 20px;
        font-weight : bold;
        text-align : center;
       }

#menu {
        float: right;
        position: absolute;
        left: 10px;
        top: 50px;
        width: 93px;
        border: black solid 3px ;
        border-top: none;
        border-left: none;
       }

#table_admin {
        position: relative;
        float: bottom;
        top: 10px;
        left: 110px;
        width: 650px;
        border: black solid 3px ;
        background-color: #6b6b6b;
       }

#add_record {
        float: top;
        top: 10px;
        position: relative;
        left: 110px;
        width: 650px;
        border: black solid 3px ;
        border-bottom: 2px;
        background-color: #6b6b6b;
       }

maandag 31 juli 2006 @ 14:40:14 #7

Berkery

Fat bastard

quote:
Op zondag 30 juli 2006 23:04 schreef beerten het volgende:
Ik wil een <div> helemaal onderaan de pagina plaatsen. Maar het ding zweeft ergens halverwege de pagina. Blijkbaar is ie afhankelijk van de positie van de overige div's.

Kijk eens een paar posts terug

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

maandag 31 juli 2006 @ 18:33:03 #8

beerten

quote:
Op maandag 31 juli 2006 14:40 schreef Berkery het volgende:

[..]

Kijk eens een paar posts terug [afbeelding]

Werkt niet! Krijg de paginas niet goed. Zoals gezegd blijft de footer ergens zweven halverwege de pagina.

maandag 31 juli 2006 @ 19:36:51 #9

Berkery

Fat bastard

float: bottom en float: top gaat ook niet werken.

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

maandag 31 juli 2006 @ 20:34:23 #10

beerten

quote:
Op maandag 31 juli 2006 19:36 schreef Berkery het volgende:
float: bottom en float: top gaat ook niet werken.

Had dit inmiddels gelzen. Slechts left, right of none.

maandag 31 juli 2006 @ 21:07:01 #11

beerten

Alvast, ook namens mijzelf, niet bedankt voor de oplossing voor mijn probleem. Ik zie het hier staan in deze post en met deze informatie krijg ik het ook niet werkende.

een oplossing is

1	<?php //include "footer.php"; ?>

De clou voor mijn site.
Situatie: DIV over de volle breedte bovenaan.
Container DIV met alle content div's en hun willekeurige posities.
Footer DIV
Let op de body en html tag. Die moeten vermeld staan!

Alleen, klein details: Op een pagina gooit ie de DIV toch nog weer over het onderste deel van een pagina. Deze pagina is veel langer dan alle andere./ Maar toch.
Lang leve de tabel-opmaak....

het werkt dus wel, maar niet 100%

1
2
3
4
5
6
7
8
9
10
11
12
13
14

http://alistapart.com/articles/footers
html, body{
        height: 100%;
       }

#container{
        position: relative;
        min-height: 100%;
       }

#footer{
        position: absolute;
        bottom: 0;
       }

http://alistapart.com/articles/footers

[ Bericht 8% gewijzigd door beerten op 31-07-2006 21:27:09 ]

woensdag 23 augustus 2006 @ 19:24:25 #12

qu63

..de tijd drinkt..

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

woensdag 23 augustus 2006 @ 19:29:53 #13

the_disheaver

overflow: scroll

Of laat ie dan altijd een scrollbalk zien?

woensdag 23 augustus 2006 @ 19:50:23 #14

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 19:29 schreef the_disheaver het volgende:
overflow: scroll

Of laat ie dan altijd een scrollbalk zien?

jup, maar het punt ook is, is dat IE de "Bottom: 10%" niet pakt terwijl FF dat wel doet (bekijk het voorbeeld maar

)

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

woensdag 23 augustus 2006 @ 19:52:32 #15

the_disheaver

quote:
Op woensdag 23 augustus 2006 19:50 schreef qu63 het volgende:

[..]

(bekijk het voorbeeld maar )

je server is nogal traag. In opera krijg ik hem nog wel te zien, in IE niet (opera lijkt het goed te gaan btw)

woensdag 23 augustus 2006 @ 20:10:17 #16

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 19:52 schreef the_disheaver het volgende:

[..]

je server is nogal traag. In opera krijg ik hem nog wel te zien, in IE niet (opera lijkt het goed te gaan btw)

kan kloppen ja, dat is zeg maar mijn thuispc

ik maak wel even screenies van beide

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

woensdag 23 augustus 2006 @ 20:14:23 #17

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 20:10 schreef qu63 het volgende:

[..]

kan kloppen ja, dat is zeg maar mijn thuispc
ik maak wel even screenies van beide

FF en IE

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

woensdag 23 augustus 2006 @ 20:21:04 #18

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 20:14 schreef qu63 het volgende:

[..]

FF en IE

en de bijbehorende broncode:

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147

<?php
echo "xml version=\"1.0\" encoding=\"iso-8859-1\"?".">";
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

if(isset($HTTP_COOKIE_VARS["users_resolution"]))
    $screen_res = $HTTP_COOKIE_VARS["users_resolution"];
else //means cookie is not found set it using Javascript
{

<script language="javascript">

</script>

}

<style>
body
    {
    background-image: url(images/php echo "$screen_res";.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #FFF;
    }
.main
    {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    overflow: auto;
    text-align: right;
    }

.top
    {
    position: absolute;
    left: 10%;
    top: 0%;
    right: 10%;
    }

.bottom
    {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0%;
    }
</style>
<title>Untitled Document php echo "$screen_res";</title>
<script type="text/javascript" src="http://testserver.qu63.nl/blog2/scripts/countdown.js" defer="defer"></script>
</head>

<body>
<div class="top"><img src="top.gif" alt="Sven in Amersfoort"></div>
<div class="main">
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />8
<br />9
<br />0
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />8
<br />9
<br />0
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />8
<br />9
<br />0
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />8
<br />9
<br />0
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />8
<br />9
<br />0
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />8
<br />9
<br />0
<br />1
<br />2
<br />3
<br />4
<br />5
<br />6
<br />7
<br />
</div>
<div class="bottom"><h1 align="center">nog <span id="countdown1">2006-9-24 20:00:00 GMT+02:00</span></h1></div>
</body>
</html>
?>

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

woensdag 23 augustus 2006 @ 20:34:44 #19

the_disheaver

quote:
Op woensdag 23 augustus 2006 20:14 schreef qu63 het volgende:

[..]

FF en IE

kon je die ook niet ff op tinypic gooien ofzo... (lukt wel hoor

)

woensdag 23 augustus 2006 @ 20:45:49 #20

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 20:34 schreef the_disheaver het volgende:

[..]

kon je die ook niet ff op tinypic gooien ofzo... (lukt wel hoor )

http://i8.tinypic.com/25fkahh.jpg

http://i8.tinypic.com/25fkayw.jpg

zo beter?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

donderdag 24 augustus 2006 @ 13:23:46 #21

qu63

..de tijd drinkt..

(n)iemand?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 25 augustus 2006 @ 09:55:03 #22

qu63

..de tijd drinkt..

quote:
Op donderdag 24 augustus 2006 13:23 schreef qu63 het volgende:
(n)iemand?

echt niemand?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 25 augustus 2006 @ 13:12:27 #23

Berkery

Fat bastard

-lama-

[ Bericht 97% gewijzigd door Berkery op 25-08-2006 13:20:52 ]

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

vrijdag 25 augustus 2006 @ 14:44:36 #24

qu63

..de tijd drinkt..

quote:
Op vrijdag 25 augustus 2006 13:12 schreef Berkery het volgende:
-lama-

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

donderdag 31 augustus 2006 @ 22:54:17 #25

Mr_Zoidberg

Ik heb de volgende css code:

1
2
3
4
5
6
7
8

      tr.row_top{
         background-color: #AAFE9E;
         border-left: 2px solid black;
         border-right: 2px solid black;
         border-top: 2px solid black;
         border-bottom: 1px solid black;

      }

Het probleem is de border om de row. In Firefox gaat dit zoals je zal verwachten. In IE krijg ik echter helemaal geen border. Weet iemand waar dit aan ligt en hoe ik het op zou kunnen lossen?

(ik zou alle declaraties gewoon in de TD uit kunnen voeren, maar dit is meer werk en naar mijn mening een beetje omslachtig)

Klik hier voor een complete lijst van alle freeroll poker toernooitjes!

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

[CSS] voor dummies - Deel 5

» digital corner

» digital corner