PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
j

teksten onder header image wordt afwijkend getoond in firefox browser ,andere browsers tonen helem

Door johannes davidian op 15-04-2017 22:33
1.595 views
Hallo,
wat kan het reden zijn dat in firefox het teksten onder header image van mij website
(Welkom bij David's Auto Service, 40 jaar vaak ervaring BMW specialist(25 jaar ervaring) )wordt afwijkend getoond dan bij andere browsers.
is het komt omdat ik gebruik maakt van foundation grid system of van google fonts letter type(merriweather) of er is een andere reden .
hoe ik kan deze probleem oplossen.
U kunt zelf zien in firefox wat ik bedoel precies mij url is :http://webdesignleren.net/
het code in php:

 <div class="site-image-board">   
 <div class="expanded row">
<div class="site-image-boardT1 small-4 small column">Welkom bij David's Auto Service</div> </div>
<div class="expanded row">
<div class="site-image-boardT2 small-4 small-push-5 column">40 jaar vaak ervaring</div></div>
<div class="expanded row">
<div class="site-image-boardT3 small-4 small-push-9 column">BMW Specialist(25 jaar ervaring)</div> 
 </div>  </div>


het code in css :



.site-image-board  {
border:0.0625em solid #074e68;
background-color:#074e68;
height:3em;
width:100%;
margin-top:-1em;
}


.site-image-boardT1  {
color:#f5f5f5;
margin-top:1.2%;
font-size:1em;
margin-left:-0.7%;
font-weight:500;
}
 .site-image-boardT2 {
color:#f5f5f5;
margin-top:-1.45%;
font-size:1em;
margin-right:-1.75em;
font-weight:500;
}

.site-image-boardT3 {
color:#f5f5f5;
margin-top:-1.50%;
font-size:1em;
margin-left:1.85em;
font-weight:500;
}


bedankt
johannes
Thomas van den Heuvel
16-04-2017 00:29 gewijzigd op 16-04-2017 00:30
Indien een pagina niet goed valideert kan niet worden gegarandeerd dat deze correct rendert.

BTW: ik zie in je broncode ~1700 regels code waarvan het gros JavaScript en CSS is. Zou je die niet eens in externe bestanden steken? Dat zou de leesbaarheid behoorlijk helpen. En mogelijk vind je dan eerder fouten die enkel op HTML betrekking hebben.
Willem vp
16-04-2017 01:06
Ik zie dat je gebruik maakt van negatieve top-margins. Dat is een bekend dingetje met Firefox. Het lijkt erop dat FF bij het positioneren van een box de negatieve margin van de parent box niet verwerkt, waardoor de box dus te laag komt te staan.
j
johannes davidian
16-04-2017 16:01
Dank U Wel allebei,

ik heb bepaalde dingen gecorigeerd in validator,

maar ik heb het probleem als volgende opgelost net als Willem heeft verteld .
eerst ik heb het gridsysteem code gewijzigd in header'php:

 <div class="site-image-board">    </div> 
 
<div class="site-image-boardT1 small-4 small column">Welkom bij David's Auto Service</div> 

<div class="site-image-boardT2 small-4 small-push-6 column">40 jaar vaak ervaring</div>

<div class="site-image-boardT3 small-4 small-push-9 column">BMW Specialist(25 jaar ervaring)</div>


en dan het CSS code:


.site-image-boardT1  {
color:#f5f5f5;
margin-top:-1.85%;
font-size:1em;
margin-left:-0.7%;
font-weight:400;
}
 .site-image-boardT2 {
color:#f5f5f5;
margin-top:-1.85%;
font-size:1em;
margin-right:-1.75em;
font-weight:400;
}

.site-image-boardT3 {
color:#f5f5f5;
margin-top:-1.85%;
font-size:1em;
margin-left:1.85em;
font-weight:400;
}


het is opgelost .

Dank U Wel voor het goede advies

Prettige Paasdagen
johannes
j
johannes davidian
17-04-2017 00:10
ik heb het geinstalleerd.

Dank U Wel
johannes

Reageren

Inloggen om te reageren