mobiele website lijnt bij openen niet goed uit.

Status
Niet open voor verdere reacties.
L

levinkthomas

Gebruiker
Lid geworden
14 sep 2013
Berichten
11
hallo.

ik hoop dat jullie me kunnen helpen, ik ben aan een mobiele website bezig.

(testpagina: http://limburgzuid.nl/mobiel.html )

en wanneer ik deze op mijn smartphone open (in mijn geval samsung galaxy s4) dan past de afbeelding zich niet aan op de breedte van het scherm. pas als ik 2 keer op het scherm tik dan springt hij goed.

ik weet dat het mogelijk is dat hij zich direct aanpast aan het scherm, maar wat ik ook probeer het werkt niet.

ik heb gewoon standaard html code gebruikt en de afbeelding op 525pixels ingesteld (breedte van scherm zijn meer pixels)

alvast bedankt voor jullie hulp.
gr. thomas
 
Laatst bewerkt door een moderator:
hallo niels,

bedankt voor je hulp. helaas werkt het bij mij nog niet.

ik hoop dat iemand een ander idee heeft nog?
 
ik krijg namelijk dit te zien:
 

Bijlagen

  • Screenshot_2013-09-14-15-34-55.jpg
    Screenshot_2013-09-14-15-34-55.jpg
    84,6 KB · Weergaven: 18
Op mijn iPad werkt het wel goed!
Geen idee verder wat het probleem is, het je variable breedte?
 
oke. raar.


dit is de code:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Beautysalon de la comb&eacute;</title>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" cellpadding="0" cellspacing="0"><tr>
    <td><img src="mobiel.jpg" width="100%" border="0" usemap="#MapMap"> 
      </td>
  </tr></table>

</body>
</html>

hardstikke simpel dus. zou gewoon moeten werken, wat hij blijkbaar op een ipad ook goed doet.

zojuist gecontroleerd. in de chrome browser op mijn samsung werkt hij ook goed.

enkel niet in de standaard samsung/android browser.. (en helaas heeft net die het grootste marktaandeel).


maar dit veranderd dus het probleem, de html code is niet onjuist. echter is het de vraag welke code beter is zodat hij ook voor android werkt. (en het kàn wel op android dat heb ik al gezien).

lastig :(
 
Naast het feit dat een foto gebruiken voor een website nou niet ECHT(lees:echt niet) een goed idee is...

waarvoor dient de table?

css:
HTML: 
html, body{
width: 100%;
height:100%;
}

img {
  width: auto !important; 
  width: 100%;
  float: left;
  clear: both;
}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan