Hallo,
ich habe ein kleines Problem beim Anpassen meiner Seite auf mobile Geräte (Smartphones usw.)
Die Seite ist max. 800px groß, jedoch zoomt mein Smartphone nicht ganz auf die Seite, ein weißer Rand entsteht (siehe Bild).
Hier ist der HTML-Quellcode:
Und hier das zugehörige CSS:
Also soweit ich das sehe dürfte es keinen Grund geben diesen weißen Rand zu erstellen.
Könnt ihr mir da weiter helfen?
Gruß
ich habe ein kleines Problem beim Anpassen meiner Seite auf mobile Geräte (Smartphones usw.)
Die Seite ist max. 800px groß, jedoch zoomt mein Smartphone nicht ganz auf die Seite, ein weißer Rand entsteht (siehe Bild).
Hier ist der HTML-Quellcode:
HTML:
<!doctype html>
<html lang="de">
<head>
<title>kreativAmeise</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/index_css.css" media="screen and (min-device-width: 768px)">
<link rel="stylesheet" href="css/small/index_css_s.css" media="screen and (max-device-width: 768px)">
<script type="text/javascript" src="java/index_java.js"></script>
</head>
<body>
<nav>
<div id="navInhalt">
<a href="index.html"><img id="b_start" src="bilder/b_start_on.png" alt="Start"></a>
<a href="galerie.html"><img id="b_galerie" src="bilder/b_galerie.png" alt="Galerie"></a>
<a href="neues.html"><img id="b_neues" src="bilder/b_neues.png" alt="Neues"></a>
<a href="kontakt.html"><img id="b_kontakt" src="bilder/b_kontakt.png" alt="Kontakt"></a>
<a href="impressum.html"><img id="b_impressum" src="bilder/b_impressum.png" alt="Impressum"></a>
</div>
</nav>
</body>
</html>Und hier das zugehörige CSS:
Code:
body {
background-color: White;
}
nav {
max-width: 800px;
background-color: #1A4147;
padding-top: 100px;
padding-bottom: 5px;
}
nav a {
margin-left: 15px;
height: 15px;
color: #ECF4F8;
}Also soweit ich das sehe dürfte es keinen Grund geben diesen weißen Rand zu erstellen.
Könnt ihr mir da weiter helfen?
Gruß
