Hi,
ich habe mit der Hilfe eines Freundes eine Homepage erstellt. Im unteren Fußbereich befinden sich 5 Buttons, die fixiert sind und natürlich auch nicht mitscrollen. Das ganze funktioniert auch soweit einwandfrei. Das Problem ist jedoch das sich der Abstand zwischen den einzelnen Buttons verringert, je geringer die Bildschirmauflösung wird. Oder auch, wenn man das Browserfenster verkleinert.
Nun meine Frage. Ist es irgendwie möglich, zwischen den Buttons einen bestimmten Mindestabstand einzufügen, so das keine Überlappung der Buttons stattfindet? Danke im voraus für Eure Hilfe
HTML-Code:
<style type="text/css">
html, body {margin:0; padding:0; height:100%; overflow:hidden; background-image:url(bild.gif);}
div.bild {background-image:url(bild.gif);}
div.nscr {height:57px; width:100%; padding-left:0px;}
div.inhalt {margin-left:0px; padding-left:0px; height:93.8%; overflow:auto;}
</style>
<html>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<body>
<div class="inhalt">
<div class="bild">
<p align="center">Das ist ein Test</p>
<div class="nscr">
<div style="position:fixed; bottom:0px; left:0px; width:100%; height:57px;z-index:0; background-color:#ffffff;"></div>
<div style="position:fixed; bottom:57px; left:0px; width:100%; height:1px;z-index:0; background-color:#c1c1c1;"></div>
<div style="position:fixed; left:0px; bottom:-4px; width:100%;">
<img border='0' src='muster.gif' width='100%' height='27'></div>
<div style="position:fixed; left:27%; bottom:28px;">
<a href="seite1.php"><img name="but1" border="0" src="button1"></a></div>
<div style="position:fixed; left:37%; bottom:28px;">
<a href="seite2.php"><img name="but2" border="0" src="button2"></a></div>
<div style="position:fixed; left:47%; bottom:28px;">
<a href="seite3.php"><img name="but3" border="0" src="button3"></a></div>
<div style="position:fixed; left:57%; bottom:28px;">
<a href="seite4.php"><img name="but4" border="0" src="button4"></a></div>
<div style="position:fixed; left:67%; bottom:28px;">
<a href="seite5.php"><img name="but5" border="0" src="button5"></a></div>
</div>
</div>
</div>
28.10.2012, 13:39
Positionierung von Grafikbuttons
Ähnliche Themen
Linear-Darstellung
