Button positionieren per CSS

Macintosch

Hallo versuche gerade einen "Schließen-Button" per CSS zu positionieren, aber irgendwie nimmt er keine von meinen Eingaben an...

Also wie positioniere ich diesen Button am unteren Rand in der Mitte von meiner Site? Diese Position soll er immer behalten, auch wenn die Tabelle, die über ihm in der Site ist, größer wird???

Dazu habe ich in meiner CSS-Datei folgenden CODE geschrieben:

Code

.untenmitte
{
  POSITION: asolute;
  BOTTOM: 4px;
}

(Wie ich ihn in der Mitte positioniere, den Befehl hab ich noch nicht gefunden... )
Und das schreib ich mit <input class="untenmitte" ...> in meine Datei.
Aber der Button bewegt sich kein Stück...

thx for help,
Mac.

mit

left:"wert"
top:"wert"

Macintosch

öhm... *g* also danke für die ausführliche Antwort...
ich würd den Button gern mit "center" mittig ausrichten, da sich evtl die Breite der Site noch ändert... und das dann immer händisch anzupassen...
(falls das mit CSS nicht geht, mach ich das über <table align=center> auch kein Thema)
aber des Problem, dass der Button nicht am unteren Rand der Site ist, ist auch noch da...

sorry für die kurze antwort muss aber auch ab und zu was arbeiten

ich weis nicht ob du ihn center bekommst mit css beschäftig mich selber erst seit paar wochen damit

aber warum muss er umbedingt in der mitte unten sein ist drüber ein pic oder intro? tehoretisch müste es mit tabellen gehn in die obere %- angabe und unten fix

Cyberlord

Machs mit einem Table:

Code

<table width="100%" width="100%">
 <tr>
  <td align="center" valign="bottom">
   <input>
  </td>
 </tr>
</table>

Macintosch

hm, geht alles nicht so wunderbar...
Habs jetzt mit festem LEFT-Wert gemacht... Muss auch gehen! *g*

thx @all

Cyberlord

Also mit Table funktionierts 100%ig mit allen Browsern.

DerArchitekt

ich weis ja net ob dus unbedingt in CSS brauchst, aber warum machst du keinen HTML-Button und possizionierst ihn einfach per <p align="center"> ?

Worgan

Wenn Du den Button in eine div box legst, diese auf 100 % deiner Seitenbreite einstellst, solltest Du unter den Boxeigenschaften im CSS eigentlich Center einstellen können.

Martin

joel

@ Macintosch:
Ich sag nur eins: Lade dir AceHTML runter!!!!!
Ich weiss halt nicht wie die Freeware-Version ist... aber versuchs mal. da findest du sicher Hilfe für alle fälle.
http://freeware.acehtml.com/download.html?…1b0096e5fbfa6e7

Cyberlord

Besorg dir Frontpage.

Macintosch

hehe... nene... ich programmier meine sachen lieber selbst... zusammenstöpseln kann doch jeder...

gut mit

und <div> hatte ich das jetzt noch nicht probiert (gleich mal machen )!!!

Cyberlord: Als ich das mit tabelle machte, war mein button plötzlich weg... hab dann auch gar keine Ursachenforschung mehr betrieben, weil ich es nun doch anders gelöst habe... (aber ich denk mal da ich schon eine tabelle drin hab, kann er die zweite mit 100% * 100% net umsetzten)

Worgan

[quote='Macintosch']hehe... nene... ich programmier meine sachen lieber selbst... zusammenstöpseln kann doch jeder...

Ich liebe diesen Mann/Frau

Stell doch mal dein ganzes Coding ein, dann kann man noch leichter was sagen. Dass Dein Button in einer Tabelle komplett verschwindet ist ja sehr eigenartig.
Also ich arbeite mittlerweile sehr stark mit div boxen und habe gerade bezgl. Ausrichtungen von irgendwas sehr positive Erfahrungen gemacht.

Martin

Macintosch

Also zu erst mal: MANN!!!

Dann:

Zitat

<% @ language="VBScript" %>
<% Option Explicit %>

<link rel="stylesheet" type="text/css" href="Styles/Default.css">

<html>
<body class="cLightLila">

<script language="JavaScript">
var bbreite = screen.width;
var bhöhe = screen.height;
</script>

<table border="0" align="center" bgcolor="white" cellpadding="0" cellspacing="0" bordercolor=black width="300px">
<thead>
<tr><td height="4"></td></tr>
<tr>
<th width="300px" colspan="2">
<a href="http://www.prozesstechnik.de/default.asp">
</a></th>
</tr>
</thead>

<tbody>
<tr><td height="100px" colspan="2"></td></tr>
<tr>
<td width="50px"></td>
<td>
<table cellspacing="4px" width="250px">
<tr>
<td class="menu" width="250px" align="right" target="_blank"
onMouseover="this.className='menu1'"
onMouseout="this.className='menu'"
onClick="window.open('Main.asp', 'Main', 'resizeable=yes, scrollbars=yes, status=yes, toolbar=yes, menubar=yes, location=yes, left=0, top=0');return false">
Produkte anzeigen
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>

<form class="untenmitte">
<input type="button" name="Schießen" value="Schließen" onClick="javascript:self.close()" class="btnDefault"></input>
</form>

</body>
</html>

Alles anzeigen

Das um was es mir geht ist ganz unten der <form>-Tag.
Further Information: Die Seite wird von einer anderen aus aufgerufen und mit einer größe von 330*400 erzeugt...

Macintosch

Das mit dem <div> tag würde zwar gehen, aber komischerweise zentriert er den ANFANG des Buttons und nicht den Button an sich... (Soll heißen, der Butten wird zu weit nach rechts gesetzt, eben so, dass sein ANFANG in der Mitte zentriert ist)

Cyberlord

Der INPUT-Tag braucht keinen End-Tag!
Also lass </input> weg!

Machs gaaanz einfach:
<center><input...></center>

Wenn der Button auch noch ganz unten erscheinen soll, dann ist das gaaaanz Einfachste es mit einem Table zu erstellen.
Falls dein Button verschwindet, hast du einen Fehler im Table.
Also einmal </tr> oder <td> mit <tr> vertauscht oder so.
Noch ein Tipp:
Ein </form> macht immer einen Absatz.
Nicht aber, wenn du das </form> zwischen </td> und </tr> oder zwischen </tr> und </table> gibst.

Zitat von Macintosch
Hallo versuche gerade einen "Schließen-Button" per CSS zu positionieren, aber irgendwie nimmt er keine von meinen Eingaben an...

Also wie positioniere ich diesen Button am unteren Rand in der Mitte von meiner Site? Diese Position soll er immer behalten, auch wenn die Tabelle, die über ihm in der Site ist, größer wird???

Dazu habe ich in meiner CSS-Datei folgenden CODE geschrieben:
Code
.untenmitte
{
  POSITION: asolute;
  BOTTOM: 4px;
}
(Wie ich ihn in der Mitte positioniere, den Befehl hab ich noch nicht gefunden... )
Und das schreib ich mit <input class="untenmitte" ...> in meine Datei.
Aber der Button bewegt sich kein Stück...

thx for help,
Mac.

Bin über Google auf folgenden Link gestossen: https://www.forum-hilfe.de/posting.php?mode=quote&p=34008 Toll was?

Button positionieren per CSS

Tags

Benutzer online in diesem Thema