abonnement Unibet Coolblue Bitvavo
  woensdag 4 mei 2005 @ 13:55:21 #76
32768 DionysuZ
Respect my authority!
pi_26725605
je #wrap <div> al geprobeerd in een andere div te zetten met 100% hoogte die geen margins heeft? Dus zeg maar n div met hoogte 100% zonder borders, met daarin je div MET borders met hoogte 100% en een bepaalde margin. Body uiteraard margin:0; geven dan.
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  maandag 9 mei 2005 @ 22:04:51 #77
74523 BaggerUser
ModderFokker!
pi_26866838
ik heb 2 divs:

<div id="div1"></div>
<div id="div2"></div>

nu moet div2 onder de border van div 1 zitten
ik heb relatief gepositioneerd en top: -1;

maar omdat div2 later dan div1 komt wordt div2 over div1 heengezet
hoe kan ik zorgen dat div1 boven div2 zit ?..
De enige echte BaggerUser!
Riemen
fiets kopen
  maandag 9 mei 2005 @ 22:44:24 #78
11753 Roonaan
Strictly
pi_26868135
style="z-index:nummertje"
  maandag 9 mei 2005 @ 23:22:43 #79
74523 BaggerUser
ModderFokker!
pi_26869458
http://img52.echo.cx/img52/8740/gek5gg.jpg

ik word geeeeeeek

de linker lukt me wel.. maar die rechter totaal niet...
100% neemt ie 100% van het scherm.. niet 100 procent van het overige etc
maar 100%-150 werkt ook niet in ie was het me gelukt... firefox niet

hoe is dit voor melkaar te krijgen ik wordt gek
De enige echte BaggerUser!
Riemen
fiets kopen
  maandag 9 mei 2005 @ 23:40:19 #80
74523 BaggerUser
ModderFokker!
pi_26870021
ik geef het op

stylesheet.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
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
html {
    height: 100%;
}

body {
   font-family: Arial, Helvetica, sans-serif;
    text-align: left;
   background-color:#F9F9F9;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
}

#content {
   width: 100%;
   background-color:#F9F9F9;
}

#content_bottom {
   position: relative;
   top: 5px;
   height: 30px;
   background-color:#FFFFFF;
   
   border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #FABD23;
   border-right-color: #FABD23;
   border-bottom-color: #FABD23;
   border-left-color: #FABD23;
}

#content_center {
   height: auto;
   background-color:#FFFFFF;
   
   border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #999999;
   border-right-color: #999999;
   border-bottom-color: #999999;
   border-left-color: #999999;
}

#content_top {
   background-color:#F9F9F9;
}

.font_navigatie {
 font-size:11px;
}

#main_left {
   width: 150px;
   background-color:#F9F9F9;
   float: left;
}

#main_right {
   width:auto;
   background-color:#F9F9F9;
   float: right;
}

#menu_top {
   width: 100%;
    height: 100px;
   background-color:#F9F9F9;
}

#menu_center {
   width: 100%;
    height: auto;
   background-color:#FFFFFF;

   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #999999;
   border-right-color: #999999;
   border-bottom-color: #999999;
   border-left-color: #999999;
}

#menu_navigatie_head {
   position:relative;
   left:5px;
}

#top {
   width: 95%;
   background-color:#F9F9F9;
    text-align: right;
}

#wrapper {
   width: 100%;
}


index
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
<!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>
   <title>-</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>

<body>

<div id="top">login</div>
<div id="wrapper">
  <div id="main_left">
    <div id="menu_top"></div>
   <div id="menu_navigatie_head"><font class="font_navigatie">navigatie</font></div>
    <div id="menu_center">A</div>   
  </div>
  <div id="main_right">
    <div id="content">
     <div id="content_top">
         <div class="menu_top_selected">selected</div>
     </div>
     <div id="content_center">kkk</div>
       <div id="content_bottom">kkk</div>
   </div>
  </div>
</div>

</body>
</html>
De enige echte BaggerUser!
Riemen
fiets kopen
  maandag 9 mei 2005 @ 23:43:47 #81
3677 SuperRembo
Sinds 1998
pi_26870131
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 9 mei 2005 @ 23:53:36 #82
74523 BaggerUser
ModderFokker!
pi_26870402
quote:
Op maandag 9 mei 2005 23:43 schreef SuperRembo het volgende:
CSS Layout Generator
ja dat werkt ook niet voor mijn probleem
en ik ben zo dichtbij maar dat laatste stukje lukt niet in ie is het goed in firefox nog niet...
De enige echte BaggerUser!
Riemen
fiets kopen
  dinsdag 10 mei 2005 @ 11:33:33 #83
74523 BaggerUser
ModderFokker!
pi_26877929
kickje
De enige echte BaggerUser!
Riemen
fiets kopen
pi_26879948
Hieraan heb je genoeg om #main_left en #main_right naast elkaar te krijgen. Ik weet niet wat je verder nog wil.

1
2
3
4
5
6
7
#main_left {
   float: left;
   width: 150px;
}
#main_right {
   margin-left: 150px;/* groter of gelijk aan #main_left:width */
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  dinsdag 10 mei 2005 @ 15:23:19 #85
74523 BaggerUser
ModderFokker!
pi_26884573
ja nee zo wil ik het
alleen nu klop thet in interne texplorer nog niet, want de content zit onder de navigatie (vergelijk het maar eens met hoe het er uitziet in FF ) en hij gaat als het menu langer wordt nog verder omlaag
in firefox is het nu wel goed
De enige echte BaggerUser!
Riemen
fiets kopen
  dinsdag 10 mei 2005 @ 16:36:31 #86
74523 BaggerUser
ModderFokker!
pi_26886527
en dat is dus op te lossen door float: right; aan #main_right toe te voegen maar dan wekrt het in firefox niet meer ...dilemma
De enige echte BaggerUser!
Riemen
fiets kopen
  dinsdag 10 mei 2005 @ 19:21:08 #87
74523 BaggerUser
ModderFokker!
pi_26890997
opgelost soort van

* html #main_right {
float: right;
margin-left: 3px;/* groter of gelijk aan #main_left:width */
}
De enige echte BaggerUser!
Riemen
fiets kopen
  donderdag 12 mei 2005 @ 13:26:13 #88
25090 SqueaK
"Pis nooit tegen de wind
pi_26942699
ik heb dus een lap tekst maar ik wil dat die regels niet te dicht op elkaar staan... hoe zorg ik ervoor dat er een kleine ruimte tussen die regels komt... een hele <br> is iets te veel...
  donderdag 12 mei 2005 @ 15:40:49 #89
32768 DionysuZ
Respect my authority!
pi_26947218
pleur in je css line-height, daar kun je de hoogte van de regels mee bepalen. Voorbeeldje:
1
2
3
body {
  line-height: 1.6em;
}
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_27024988
http://dev.treinenplace.nl. Iemand een idee wat er fout aan is als je van resoutie veranderd of browser inkrimpt dat alles overelkaar overlapt?
Iemand een idee?
  zondag 15 mei 2005 @ 14:08:20 #91
11753 Roonaan
Strictly
pi_27025026
je hebt position absolute gebruikt neem ik aan?
  zondag 15 mei 2005 @ 20:01:55 #93
3677 SuperRembo
Sinds 1998
pi_27033749
Als je absoluut positioneert in combinatie met relatieve breedtes en hoogtes, dan krijg je dat.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 15 mei 2005 @ 23:20:49 #94
26400 wijsneus
Radicaal Democraat
pi_27040104
Het centreren van de site:

Zorg dat je in standards mode bent door een doctype declaratie.

body
{
/*IE 5 en 5.5 vertellen dat de box in het midden moet*/
text-align:center;
}

#contatiner
{
/*Voor IE6 FF opera en al het andere*/
margin-left: auto;
margin-right: auto;
/*Helaas hebben we ook nog een text-align geerft van <body>*/
text-align:left;
width: 670px;
}

Werkt altijd - overal
Siamo Tutti Antifascisti!
  woensdag 18 mei 2005 @ 18:24:18 #95
32768 DionysuZ
Respect my authority!
pi_27123681
ok mensen, deze vraag zal wel al meerdere keren langs zijn gekomen, maar goed. Tijdje op google gezocht maar niet gevonden wat ik nodig heb.

Ik ben nu een site aan het maken en die is zeg maar gecentreerd met breedte 780. Nu wil ik hem ook verticaal centreren met hoogte 520, hoe krijg ik dat voor elkaar met divjes?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  woensdag 18 mei 2005 @ 20:22:28 #96
46794 Berkery
Fat bastard
pi_27127775
No Dukes of Hazzard in the classroom
  donderdag 19 mei 2005 @ 00:26:26 #97
32768 DionysuZ
Respect my authority!
pi_27136723
ja ja, heel mooi, het werkt ook nog. Alleen krijg ik nu een probleem als het venster kleiner wordt dan de grootte van mijn div.

Mijn div is 520 hoog, dus een margin-top van -260px. Als ik het venster nu kleiner maak dan de DIV hoog is, krijg ik wel scrollbalken, maar slechts om mee naar beneden te scrollen. Het midden van de DIV blijft altijd in beeld, de bodem van de div kan ik naartoe scrollen, maar de top van de div valt weg.

Kan ik dit op een of andere manier oplossen?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  donderdag 19 mei 2005 @ 00:47:39 #98
32768 DionysuZ
Respect my authority!
pi_27137135
laat maar heb al n hack gevonden. Een div eromheen met als min-height de hoogte van de gecentreerde div.

edit:
nee dus. Het werkt nu niet goed in Internet Explorer en _height gebruiken werkt ook niet goed. Grrrrr.. in firefox werkt het perfect nu.

[ Bericht 44% gewijzigd door DionysuZ op 19-05-2005 01:01:05 ]
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  donderdag 19 mei 2005 @ 02:02:08 #99
81253 curry684
Windowshippie
pi_27137919
Kan niet portable.
  donderdag 19 mei 2005 @ 17:29:52 #100
32768 DionysuZ
Respect my authority!
pi_27157165
er is dus geen enkele css mogelijkheid om een DIV een hoogte van 100% te geven met een minimale hoogte van x pixels?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')