Hi
I have a problem with my divs, in some browsers and different OS my divs change from position. On most browsers it is as it should be.
CSS (these are the 3 divs that change their position)
HTML
http://users.skynet.be/fa314098/ this is the website how it should be
image of issue:
Thanks in advance!
I have a problem with my divs, in some browsers and different OS my divs change from position. On most browsers it is as it should be.
CSS (these are the 3 divs that change their position)
Code:
#homeLinks {
width: 150px;
height: 280px;
margin-left:6%;
margin-top:2%;
background-color: #ffffff;
border-color:#878787;
border-style:solid;
border-width:1px;
float:left;
}
#homeIllu {
width:48px;
height:58px;
background-image: url(images/illu_home2.png);
position: absolute;
left:3%;
bottom:5%;
}
#homeRechts {
width: 355px;
height: 280px;
margin-right: 5%;
margin-top: 2%;
float: right;
background-color: #ffffff;
border-color: #878787;
border-style: solid;
border-width: 1px;
padding-left: 5px;
padding-right: 5px;
}
HTML
Code:
<body>
<div id="container">
<div id="grijsVlak">
<div class="menu">
<ul>
<li><a href="index.htm"><img src="http://www.webdesignforum.com/images/menu_home_active.jpg" alt=""></a></li>
<li><a href="illustraties.htm"><img src="http://www.webdesignforum.com/images/menu_illustraties.jpg" alt=""></a></li>
<li><a href="ontwerpen.htm"><img src="http://www.webdesignforum.com/images/menu_ontwerpen.jpg" alt=""></a></li>
<li><a href="mezelf.htm"><img src="http://www.webdesignforum.com/images/menu_mezelf.jpg" alt=""></a></li>
</ul>
</div>
<div id="homeIllu"></div>
<div id="homeLinks">
<h1>-UPDATES EN NIEUWS-</h1>
<p> </p>
<p>Stage: Periode 22/09 - 31/10<br>
& 20/04 - 05/06 bij het bedrijf<br>
<strong>speelokee - skateconstruct</strong> te Kortrijk</p>
<p> </p>
<p><strong>Laatste update schetsen<br>
7/11/2008</strong><strong><br>
</strong></p>
</div>
<div id="homeRechts">
<h1>-ABOUT-</h1>
<p> </p>
<p>Deze portfolio bevat een selectie uit de werken die ik tot nu toe heb gemaakt. </p>
<p> </p>
<p>° illustraties: Daar kun je de illustraties bekijken die ik in de afgelopen 4 jaar heb gemaakt met behulp van illustrator.</p>
<p> </p>
<p>° ontwerpen: Je kunt de ontwerpen en schetsen bekijken die ik heb gemaakt tot nu toe in het kader van mijn opleiding Industrieel Productontwerpen.</p>
<p> </p>
</div>
</div>
</div>
</body>
http://users.skynet.be/fa314098/ this is the website how it should be
image of issue:
Thanks in advance!
Last edited: