|
|||
Buttons richtig positionieren
Halli Hallo,
ich habe einen kleinen script geschrieben, der vier Buttons am unteren Browserrand fixiert. Die Buttons haben bei einer Bildschirmauflösung von 1920 x 1080 die idealen Abstände. Je weiter ich die Auflösung jedoch heruntersetze, desto näher kommen sich die Buttons. Bei 1024 x 768 gibt es dann eine Überschneidung. Gibt es irgendeinen Trick, das die Buttons immer denselben Abstand haben bzw. sich alternativ nicht überschneiden? Danke im voraus für Eure Hilfe. Hier der Quellcode HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <div style="position:fixed; left:27%; bottom:1px;"> <a href='test1.htm'><img border='0' src='button1.gif' width='120' height='23'></a></div> <div style="position:fixed; left:37%; bottom:1px;"> <a href='test2.htm'><img border='0' src='button2.gif' width='120' height='23'></a></div> <div style="position:fixed; left:47%; bottom:1px;"> <a href='test3.htm'><img border='0' src='button3.gif' width='120' height='23'></a></div> <div style="position:fixed; left:57%; bottom:1px;"> <a href='test4.htm'><img border='0' src='button4.gif' width='120' height='23'></a></div> |
Sponsored Links |
|
|||
Zitat:
Ich weiß nicht genau, wie es aussehen soll, aber du könntest die Buttons insgesamt in ein div-Element mit fester Breite setzen und dieses zentrieren (left: 50%; margin-left: <Breite / 2 * -1>;) oder so. min-width (CSS-Eigenschaft) könnte auch helfen. Edit: Ach ja, etwaige Feinheiten könntest du ansonsten auch onresize per JavaScript erledigen. Für die Leute ohne JavaScript wird es dann die beschriebene Variante als Fallback tun. Geändert von mermshaus (28.06.2011 um 03:25 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hover-Effekt bei Buttons - Nicht richtig angezeigt!? | ceville | CSS | 2 | 29.09.2009 18:07 |
Bilder richtig positionieren - wie mit CSS? | RaBo | CSS | 2 | 15.07.2009 15:34 |
2 DIVS richtig positionieren | Pari | CSS | 0 | 13.06.2009 21:22 |
Grafik richtig positionieren?! | Pumpkin | CSS | 7 | 13.06.2007 23:43 |
Problem mit dem Menü [erledigt] | Julian | CSS | 2 | 16.01.2006 00:27 |