Layout van tabellen naar divs, wie helpt?
http://84.244.158.31/~rockstar/gta/index.php
Alleen ik heb daar altijd zo'n moeite mee. Wie kan mij helpen met een begin voor eerst de header boven aan, dan links en rechts de menu's, in het midden het content en onder aan de footer.
Hier heb je links een menu, je kunt er zo nog een rechts maken dmv een float rechts en daartussen de content maken. De footer schuift mee als er iets langer word (menu links, rechts of content) en als dat niet zo is staat hij onderaan.
Ik zou zeggen, ga hier eens mee kloten en kijk waar je uitkomt.
Als iets niet lukt, hoor ik het wel.
Gewijzigd op 01/01/1970 01:00:00 door J V
of deze
http://www.cssdrive.com/index.php/examples/
Gewijzigd op 01/01/1970 01:00:00 door Ceasar Feijen
Code (php)
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
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 XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Robert Deiman" />
<title>GTA Gangsters - Rockstar Network</title>
<style type="text/css">
body, html{
width:100%;
margin:0px;
padding:0px;
}
#networkbar{
height:30px;
width:100%;
background:#000000;
}
#container{
width:950px;
margin:0px auto;
}
#header{
width:100%;
height:120px;
background:#0C0005;
float:left;
}
#leftmenu{
width:152px;
float:left;
background:#005500;
}
#content{
width:646px;
float:left;
background:#020C00;
}
#rightmenu{
width:152px;
float:left;
background:#5000C0;
}
</style>
</head>
<body>
<div id="networkbar"></div>
<div id="container">
<div id="header"> </div>
<div id="leftmenu"> </div>
<div id="content"> </div>
<div id="rightmenu"> </div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Robert Deiman" />
<title>GTA Gangsters - Rockstar Network</title>
<style type="text/css">
body, html{
width:100%;
margin:0px;
padding:0px;
}
#networkbar{
height:30px;
width:100%;
background:#000000;
}
#container{
width:950px;
margin:0px auto;
}
#header{
width:100%;
height:120px;
background:#0C0005;
float:left;
}
#leftmenu{
width:152px;
float:left;
background:#005500;
}
#content{
width:646px;
float:left;
background:#020C00;
}
#rightmenu{
width:152px;
float:left;
background:#5000C0;
}
</style>
</head>
<body>
<div id="networkbar"></div>
<div id="container">
<div id="header"> </div>
<div id="leftmenu"> </div>
<div id="content"> </div>
<div id="rightmenu"> </div>
</div>
</body>
</html>
http://84.244.158.31/~rockstar/rgndivs/
Ik krijg nou die container niet mee gerekt met het content omdat die div's een float hebben. Idee hoe ik dat op los?
Nu werkt het, ik heb body ook nog height: 100% gegeven. :)
Gewijzigd op 01/01/1970 01:00:00 door Onbekend Onbekend
Code (php)
1
div#container {overflow: hidden; width: 100%};
de combi van overflow hidden en een width doet het hem.
Code (php)
1
2
3
4
5
2
3
4
5
min-height: 100%;
height: auto !important; /* IE hack */
height: 100%;
voice-family: "\"}\""; /* IE hack */
voice-family: inherit; /* deze hoort daar nog bij */
height: auto !important; /* IE hack */
height: 100%;
voice-family: "\"}\""; /* IE hack */
voice-family: inherit; /* deze hoort daar nog bij */
Wat doet dit dan? Wel raar dat je width dat voor elkaar kan krijgen :P.
Ik heb zelf in ieder geval niet wat jij hierboven neerzet, maar toch doet hij het.
Is die manier van jou beter?
Jordy ik snap niet waar je het allemaal over hebt..
Jordy schreef op 11.01.2008 16:53:
Klikje
Hier heb je links een menu, je kunt er zo nog een rechts maken dmv een float rechts en daartussen de content maken. De footer schuift mee als er iets langer word (menu links, rechts of content) en als dat niet zo is staat hij onderaan.
Ik zou zeggen, ga hier eens mee kloten en kijk waar je uitkomt.
Als iets niet lukt, hoor ik het wel.
Hier heb je links een menu, je kunt er zo nog een rechts maken dmv een float rechts en daartussen de content maken. De footer schuift mee als er iets langer word (menu links, rechts of content) en als dat niet zo is staat hij onderaan.
Ik zou zeggen, ga hier eens mee kloten en kijk waar je uitkomt.
Als iets niet lukt, hoor ik het wel.
Ik wil even zeggen: link doet het nu, ik ga dit gebruiken, volgens mij is dit wat ik zoek! Je hoort nog wel of het werkt..
Volgens mij heb jij mij gered! Het is bijna helemaal klaar, alleen de div#content moet helemaal tot aan de footer komen: http://86.83.82.140/
Hoe kan ik dat doen?
Gewijzigd op 01/01/1970 01:00:00 door Onbekend Onbekend
Maar als je hem de hoogte 100% geeft, word je pagina langer dan je scherm als er weinig tekst in staat of niet?
Ik zal nog even gaan zoeken voor die oplossing want die moet er wel zijn.
Verder heb ik je pm, en spreek ik je morge wel. (heb wel tentamens en moet ze halen anders kan ik van school af, dus heb het wel een beetje druk ;))
http://86.83.82.140/forum/forum_index.php
Die div waar het content in staat moet helemaal tot aan de footer gerekt worden. Weet alleen niet hoe.
Quote:
Sorry maar u maakt gebruik van Safari, in deze browser kunt u deze site niet goed bekijken, download daarom FireFox!
Sorry, maar safari is niet als IE hoor! De site toont alles goed hier.
Ik wou je nog een tip geven: Niet van tabellen overschakelen naar div's maar gewoon opnieuw beginnen met een schone lei en stuk voor stuk de div's goed zetten... Begin bv met de header en daarna de content en daarna de onderverdeling van zij balk enzovoort..
Eerst was de site in Safari niet goed, met tabellen, mu met div's is er (nog) niets mis..