[CSS] positioneren met vaste grootte
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<table border="0" width="100%">
<tr>
<td>test</td>
<td width="960">test2</td>
<td>test3</td>
</tr>
</table>
<tr>
<td>test</td>
<td width="960">test2</td>
<td>test3</td>
</tr>
</table>
maar als ik dit in een nette css-opmaak probeer te zetten, lukt het niet echt.
css:
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
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
body{
background: #fff;
}
#left{
float:left;
width:auto;
clear:none;
border: 1px dashed red
}
#main{
width:960px;
clear:none;
margin:0;
margin-left:auto;
margin-right:auto;
border: 1px dashed red
}
#right{
float: right;
clear:none;
width:auto;
border: 1px dashed red;
}
background: #fff;
}
#left{
float:left;
width:auto;
clear:none;
border: 1px dashed red
}
#main{
width:960px;
clear:none;
margin:0;
margin-left:auto;
margin-right:auto;
border: 1px dashed red
}
#right{
float: right;
clear:none;
width:auto;
border: 1px dashed red;
}
html:
Code (php)
1
2
3
2
3
<div id="left">links</div>
<div id="main">main</div>
<div id="right">right</div>
<div id="main">main</div>
<div id="right">right</div>
Hoe moet de css-code worden aangepast zodat het toch nog zoals de html-tabel wordt?
(voorbeeldje css code: http://www.smcextra.com/site/?t=smcextra_new )
Gesponsorde koppelingen:
Code (php)
en dan css
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
body {
text-align: center;
}
.container {
width: 800px;
margin: 0 auto;
text-align: left;
}
.left {
width: 200px;
float: left;
}
.main {
width: 400px;
}
.right {
width: 200px;
float: right;
}
of begrijp ik je niet??
text-align: center;
}
.container {
width: 800px;
margin: 0 auto;
text-align: left;
}
.left {
width: 200px;
float: left;
}
.main {
width: 400px;
}
.right {
width: 200px;
float: right;
}
of begrijp ik je niet??
Gewijzigd op 01/01/1970 01:00:00 door Milo
En met jouw code heb ik hetzelfde als met de mijne, 'right' verschuift 1 regel naar beneden :S
Weet iemand anders een manier. Anders ben ik bang toch tabellen te moeten gebruiken...
