zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Buttons richtig positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.06.2011, 02:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2011
Beiträge: 26
joergi befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.06.2011, 03:17
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 745
mermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblick
Standard

Zitat:
Gibt es irgendeinen Trick, das die Buttons immer denselben Abstand haben
Absolute Werte verwenden, also etwa Angaben in Pixel statt in Prozent.

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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:10 Uhr.