:strip_exif()/u/13821/savale.gif?f=community)
Ik heb geprobeerd een joomla template te maken. Ik heb deze op meerdere browsers getest en nog steeds heb ik soms rare dingen in firefox... Vaak is het na een refresh opgelost dus wat nou het probleem is?
Wat er gebeurd is dat een DIV met daarin tekst of een background image soms niet mbv FLOAT naast elkaar wordt gezet, maar soms onder elkaar. Is dit een bug in Firefox of kan ik er zelf wat aan doen? In IE / Opera / Safari schijnt alles naar behoren te werken... (ps. de rare kleuren zijn gebruikt om te debuggen)
zie: http://savale.xs4all.nl
html....
css...
Wat er gebeurd is dat een DIV met daarin tekst of een background image soms niet mbv FLOAT naast elkaar wordt gezet, maar soms onder elkaar. Is dit een bug in Firefox of kan ik er zelf wat aan doen? In IE / Opera / Safari schijnt alles naar behoren te werken... (ps. de rare kleuren zijn gebruikt om te debuggen)
zie: http://savale.xs4all.nl
html....
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| </head>
<body>
<div id="container">
<div id="head"> </div>
<div id="emptyleft"> </div>
<div id="left"> <?php mosLoadModules ( 'left' ); ?> </div>
<?php if(mosCountModules ( 'right' )){ ?>
<div id="main"> <?php mosMainBody();?> </div>
<div id="right"> <?php mosLoadModules ( 'right' ); ?> </div>
<?php }else{ ?>
<div id="mainnoright"> <?php mosMainBody();?> </div>
<?php } ?>
<div id="backright"> </div>
</div>
<div id="footcontainer">
<div id="foot"> </div>
</div>
</body>
</html> |
css...
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
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
| body {
text-align: center;
background-color:#333333;
margin: 0px;
}
#container {
display:table; //important for float use
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 780px;
background-image: url(../images/savale_main_1px.gif);
background-repeat: repeat-y;
background-position: center;
}
#head {
margin: 0px auto;
height: 148px;
background: url("../images/savale_head.jpg") no-repeat;
}
#emptyleft {
clear: both;
text-align: left;
float: left;
width: 91px;
background: white;
}
#left {
text-align: left;
float: left;
width: 116px;
background: green;
}
#main {
text-align: left;
margin-left: 5px;
float: left;
width: 42%;
background: red;
}
#mainnoright {
text-align: left;
margin-left: 5px;
float: left;
width: 59%;
background: pink;
}
#right {
text-align: left;
margin-left: 5px;
float: left;
width: 130px;
background: blue;
}
#backright {
float: left;
margin-left: 6px;
width: 99px;
height:285px;
background: url("../images/savale_right.jpg") no-repeat;
}
#footcontainer {
clear: both;
text-align: center;
margin: 0px auto;
padding: 0px;
border:0;
width: 100%;
height: 106px;
background: url("../images/savale_foot_1px.gif") repeat-x;
}
#foot {
margin: 0px auto;
width: 780px;
height: 106px;
background: url("../images/savale_foot.jpg") no-repeat;
} |
[ Voor 66% gewijzigd door savale op 22-08-2006 23:55 ]
:strip_icc():strip_exif()/u/110760/ava.jpg?f=community)
:strip_icc():strip_exif()/u/35587/icon-got.jpg?f=community){kind=icon}
ehm Hoe doe ik dat?
