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

Chrome geht, IE + Firefox + Android darstellungsfehler

X

xpressme

Neues Mitglied
Hallo Zusammen


ich habe ein Problem,


ich habe ein Hintergrund Mittig (Bild ist 1px x 2000 px) mit links Schwarz, Links Weis


Dann ein Logo das ebenfalls Mittig immer direkt an der Bruchkante von Schwarz zu Weiß sein soll mit Größe 100% height


dann 2 Buttons die mittig vertikal neben dem Bild stehen sollen mit nem Link hinterlegt

und das ganze unabhängig von der browsergröße eben immer gleich


Mein Quellcode funktioniert aber nur in Chrome, im IE + Firefox + Android funktioniert er nicht, und die einstellungen werden nicht beachtet


kann mir da wer helfen ^^ bin net so der Crack ^^


<head>
<style type="text/css">
*
{
margin: 0;
padding: 0;
border: 0;
}
html, body
{
width: 100%;
height: 100%;
background: #000000 url("verlauf_2000px.jpg") 50% 50% repeat-y;
}
</style>
</head>
<body>
<span style="text-align: center;">
<div>
<a href="http://..."><img src="buttonlinks.png" alt="Buttton1-Fehler" height="12%" align="middle" /></a>
<img src="Banner.png" alt="Logo-Fehler" height="100%" align="middle" />
<a href="http://..."><img src="buttonrechts.png" alt="Buttton2-Fehler" height="12%" align="middle" /></a>
</div>
</span>
</body>
Zum Vergrößern anklicken....
 
Dein HTML-Code hat auf den ersten Blick 2 Fehler:
a) Der Doctype fehlt. Ohne den macht jeder Browser in der Darstellung "was er will". Also bitte Doctype ergänzen.
b) Du hast ein umliegendes <span> und darin ein <div> - das ist falsch. Da Du vermutlich die Bilder zentrieren willst, kannst Du auch auf das <span> komplett verzichten, das <div> ebenfalls weglassen und im CSS ergänzen:

Code: 
body { text-align: center; }
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben