• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Meta Viewport funktioniert nicht

Stolzerose

Stolzerose

Neues Mitglied
Hallo,

ich versuche derzeit ein Webdesign umzusetzen scheitere jedoch beim Meta Viewport.
Obwohl ich den Viewport eingefügt habe zeigt er mir auf meinem Iphone die Seite nicht korrekt an.
Woran liegt das?

Ps.: habe nicht sehr viel Ahnung von der Materie ;)

Code: 
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
</style>
<div align="center" style="font-size: xx-small">
<img alt="" height="80%" src="https://estore-sslserver.eu/WebRoot/Store7/Shops/c264fb7d-832b-471f-9b4e-19cb5c563f30/5500/5257/8548/E159/4B1C/0A48/3520/A5ED/TitelbildAdonisto.jpg" width="80%" style="margin-top: 0px"></div><div align="center" style="font-size: xx-small"><br></div><div align="center" style="font-size: xx-small"><br></div><div align="center" style="font-size: xx-small"><br>
<table style="border: 2px solid #CCCCCC; width: 80%; height: 100%; text-align: center; margin-top: 0px;" align="center" cellspacing="1">
<tbody><tr>
<td style="height: 70px">
<font color="#00429a">
<table  table="center" valign="middle" style="text-align: left; width: 80%; height: 5px;" bordercolor="#ffffff" cellpadding="0" cellspacing="0" align="center">
<tbody><tr>
<td style="text-align: left; height: 69px;" colspan="0">
<font color="#00429a">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;"><b><br>&nbsp;<br>Artikelbeschreibung</b></span><br style="font-family: Arial, Helvetica, sans-serif; font-size: medium;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;">
Article description</span></font></td>
</tr>
</tbody></table>
<br>
</font>
<br>
<table style="width: 80%">
<tbody><tr>
</tr></tbody></table>
<table  table="center" valign="middle" style="border: 2px solid #CCCCCC; text-align: left; width: 80%; height: 15px;" bordercolor="#e5e4e4" cellpadding="0" cellspacing="0" align="center">
<tbody style="border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px; padding-left: 4px; padding-top: 1px">
<tr>
<td style="text-align: left; background-color: #e5e4e4; height: 24px; " colspan="3">
</td>
</tr>
<tr>
<td style="text-align: center; background-color: #e5e4e4; height: 23px;" colspan="3">
<font face="Arial"><span style="font-weight: bold;">Absolute Neuware</span><br>
Completly new product<br><br></font></td>
</tr>
<tr>
<td style="text-align: center; background-color: #e5e4e4;" colspan="3"><font face="Arial">
&nbsp;</font></td>
</tr>
<tr>
<td style="text-align: right; width: 161px; background-color: rgb(229, 228, 228);"><b><font face="Arial">
Designer</font></b></td>
<td style="text-align: center; width: 35px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: left; background-color: rgb(229, 228, 228);">
<strong><font face="Arial">XUBA</font></strong></td>
</tr>
<tr>
<td style="text-align: right; width: 161px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: center; width: 35px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: left; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
</tr>
<tr>
<td style="text-align: right; width: 161px; background-color: rgb(229, 228, 228);">
<font face="Arial"><strong>Farbe</strong><br>Color</font></td>
<td style="text-align: center; width: 35px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: left; background-color: rgb(229, 228, 228);">
<font face="Arial"><strong>Siehe Fotos</strong><br>See Picures</font></td>
</tr>
<tr>
<td style="text-align: right; width: 161px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: center; width: 35px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: left; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
</tr>
<tr>
<td style="text-align: right; width: 161px; background-color: rgb(229, 228, 228);">
<font face="Arial"><strong>Schnitt</strong><br>Style</font></td>
<td style="text-align: center; width: 35px; background-color: rgb(229, 228, 228);"><font face="Arial">
&nbsp;</font></td>
<td style="text-align: left; background-color: rgb(229, 228, 228);">
 
Werbung:
Hey,
Was erwartest du denn vom Viewport-Tag?
Du verwendest veraltetes HTML, von dem die responsive Darstellung sehr schwer bis unmöglich werden wird. Der Viewport-Tag bewirkt lediglich ein Laden von Mediaqueries sowie eine Mitteilung über veränderte Größendarstellungen an den Browser.
 
Vielen Dank für deine Antwort. Um ehrlich zu sein wurde der HTML Code mit einem html Editor erställt. Wie bereits erwähnt habe ich leider selbst nur wenig Ahnung :(

Der Viewport soll es möglich machen, dass die Seite auf unterschiedlichen mobilen Geräten korrekt Fragesteller wird und nicht vollkommen verschoben wird.
 
Werbung:
Habe mir das jetzt mal versucht durchzulesen... Puhh... Das klingt alles total kompleziert :p

Ist hier jemand der mir genau sagen kann was ich wo einfügen muss?

Ich wäre wirklich sehr sehr dankbar, da ich alleine da dran verzweifle :(
 
Hallo

Ist hier jemand der mir genau sagen kann was ich wo einfügen muss?
Zum Vergrößern anklicken....

Soweit aus deinem Quellcodeschnipsel ersichtlich hast du die Angabe korrekt eingebunden.

Damit sie funktioniert muss jedoch der Quelltext nach den Regeln des aktuellen HTML5 und CSS3 erstellt werden.

Mit ein paar Änderungen ist das nicht zu erreichen, da dein Quelltext veraltet und grob fehlerhaft ist. Dir wird nichs übrigbleiben als entweder HTML5 und CSS3 zu lernen und anzuwenden oder die Seite von jemanden erstellen zu lassen, der sich damit auskennt.

Dies ist im übrigen bereits das dritte Thema, in dem wir versuchen dir diese Tatsache näherzubringen. Irgendwie scheinst du in dieser Hinsicht beratungsresistent zu sein.

Gruss

MrMurphy
 
Werbung:
Vielen Dank für deine Antwort. Ist hier denn jemand, der mir den Quellcode entsprechend bearbeiten würde? Selbstverständlich nicht für umsonst...
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben