Wie kann man das box-position im css unabhängig von der Bildschirmauflösung?

Für den header habe ich gesagt: <link href="styles.css" type="text/css"></link>
das Skript habe ich im Körper ist:

<input name="search" type="text" onKeyUp="getScriptPage('box','text_content')" id="text_content" AUTOCOMPLETE="off" size="40">

in css die ich gegeben habe-id Skript:

#box
{
  width : 270px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 460px;
  top : 286px;
  border-top : none;
  text-align : left;
  display : none;
}

das problem ist, wenn ich die Bildschirm Auflösung von 1366 x 768 Pixel, höher ...die box ist der Platzierung geändert ... ich will nur fix die box positionieren unabhängig von Bildschirmauflösung

wo wollen Sie es zu "reparieren"? Was macht Ihr HTML Aussehen?
Ich habe meine html
Sie haben eine box-AG auf Ihre input-element zu simulieren, Tippen Sie in der box ???? und Sie haben problem der Positionierung ?
Btw, Ihnen fehlt ein trailing slash oder schließende tag für Ihre input-tag.
es ist wie ein autosuggest-wie das von google . Wenn Sie etwas, das die box öffnet sich, welche relevanten Suchanfrage zu dem, was Sie eingegeben haben.

InformationsquelleAutor aftard | 2011-06-22

2

Vielleicht sollten Sie verwenden position:fixed statt position:absolute?

http://davidwalsh.name/css-fixed-position

InformationsquelleAutor chh
2

Ich würde empfehlen, mit Prozentangaben anstelle von pixel-Werten, dann:
```
#box
{
  width : 270px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 33%;
  top : 33%;
  border-top : none;
  text-align : left;
  display : none;
}
```
Die Prozentwerte hier sind nur Beispiele - Sie brauchen, um zu bestimmen, wo es relativ zu Ihrem gewünschten layout durch das hantieren mit der prozentualen Werte. Hier ist ein Beispiel für eine box positioniert, mit Prozentwerten: http://jsfiddle.net/RjgHy/

ich habe, dass aber die Lage der box zeigt, die irgendwo anders auf einem anderen Bildschirm Auflösung

InformationsquelleAutor kinakuta

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.