[Cloud]

Servus! .. und zwar betreibe ich einen Gameserver der auf 2 Websites aufgeteilt ist, nun wollte ich ein Script erstellen das beim betreten der Website via Buttons abfragt auf welche der 2 Websites man möchte. Das ganze sollte so aussehen:

CSS Code:
body {
background: #272727 url('../serverwahl/images/Background.jpg') no-repeat;
-o-background-size: 100%;
-webkit-background-size: 100%;
-khtml-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;

background-position:top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
}

a.buttonhover {
display:block;
position:relative;
width:215px;
height:80px;
background:transparent url('#') no-repeat top left;
}

a.buttonhover:hover {
display:block;
}

a.buttonhover2 {
display:block;
position:relative;
width:215px;
height:80px;
background:transparent url('#') no-repeat top left;
}

a.buttonhover:hover {
display:block;
}

HTML Code:
<link rel="stylesheet" type="text/css" href="./main.css">

<div style="position:absolute; top:300px; left:850px">
<a class="buttonhover" href="http://www.google.de/"></a>

<div style="position:absolute; top:100px; left:0px">
<a class="buttonhover2" href="http://www.google.de/"></a>


Nun habe ich das Problem das die Buttons zwar bei mir mittig sind aufgrund von: <div style="position:absolute; top:300px; left:850px"> bei anderen Leuten aber nach rechts verschoben sind. Ich würde nun gerne im CSS Script was einbauen, das dafür sorgt das die Buttons bei jedem zentriert von der Website sind.

Hat da jemand was passendes für mich?

[gato]

Zitat von Cloud

Nun habe ich das Problem das die Buttons zwar bei mir mittig sind aufgrund von: <div style="position:absolute; top:300px; left:850px"> bei anderen Leuten aber nach rechts verschoben sind.

Auch bei dir, wenn du die Größe des Anzeigebereichs änderst. Absolute Positionierung ist (absolut) nicht für Zentrierungsarbeiten geeignet.

Zitat von Cloud

Ich würde nun gerne im CSS Script was einbauen, das dafür sorgt das die Buttons bei jedem zentriert von der Website sind.

Hat da jemand was passendes für mich?

Entferne die absolute Positionierung vollständig aus deinem HTML und CSS (und entferne bei der Gelegenheit gleich auch alle style-Attribute).

Blockelemente kannst du zentrieren, wenn du den seitlichen Außenabständen (margin) den Wert 'auto' zuweist.

[tupamaro]

meinst du sowas hier ?
keine gewähr für den code.
musst du eh anpassen.

[hubspe]

Zitat von tupamaro

meinst du sowas hier ?

sicher nicht!

Eher sowas. Die CSS-FAQ bietet unter Punkt 5 eine bewährte Lösung die ohne absolute Positionierung auskommt.

[tupamaro]

das ist viel cooler.
danke hubspe.

font-size:120% ?
und ich doof dachte bei 100% wäre schluß ?
man lernt nie aus