Ik ben inmiddels twee dagen fulltime aan het knoeien om een lay-out te bouwen in CSS met div's. Om zover als op de screens te komen koste al enorm veel tijd, maar het laatste stukje wil maar niet lukken.
Wat is het probleem:
Ik heb content div waarbinnen twee div's naast elkaar staan. De contentdiv heeft een background-image meegekregen. Nu wordt die background-image in IE wel getoond en in FF niet (zie screens)
De code van het bijbehorende stukje css is als volgt:
en de bijbehorende html voor nu:
Op zich ben ik dus (na veel geknoei
) al aardig ver. Hoe kan ik er alleen voor zorgen dat die background image ook in FF zichtbaar is? Ik heb al een oplossing bedacht door de content weg te laten en alleen twee stukken naast elkaar te plaatsen. Dan is echter dit het resultaat:
en dat werkt dus ook niet echt :-). wie o wie kan mij op weg helpen?
Wat is het probleem:
Ik heb content div waarbinnen twee div's naast elkaar staan. De contentdiv heeft een background-image meegekregen. Nu wordt die background-image in IE wel getoond en in FF niet (zie screens)
De code van het bijbehorende stukje css is als volgt:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| #content {
width: 100%;
margin: 0;
background-image:url("../img/cnt.jpg");
background-repeat: repeat-y; }
#main {
float: left;
margin: 0;
width: 570px;
margin-left: 10px;
border: 1px solid #34689A; }
#right {
float: right;
margin: 0;
width: 170px;
margin-right: 10px;
border: 1px solid #34689A; } |
en de bijbehorende html voor nu:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <div id="content">
<div id="main">
<p>TEKST</p>
<p>TEKST</p>
<p>TEKST</p>
<p>TEKST</p>
<p>TEKST</p>
</div>
<div id="right">
<p>ZOEKEN</p>
<p> </p>
<p> </p>
<p> </p>
<p>TEKST</p>
<p>TEKST</p>
</div>
</div> |
Op zich ben ik dus (na veel geknoei
) al aardig ver. Hoe kan ik er alleen voor zorgen dat die background image ook in FF zichtbaar is? Ik heb al een oplossing bedacht door de content weg te laten en alleen twee stukken naast elkaar te plaatsen. Dan is echter dit het resultaat:
en dat werkt dus ook niet echt :-). wie o wie kan mij op weg helpen?
[ Voor 12% gewijzigd door Verwijderd op 03-11-2005 23:17 ]
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}