[Erledigt] Seite soll nur nach Rechts verschwinden

drproof · 20.05.2010, 11:35

Morgen,

ich bin gerade CSS am lernen und möchte gerne ein Objekt fixieren und zwar so das es Mittig zentriert ist wenn es komplett im Browserfenster ist und wenn ich das Browserfenster verkleiner soll das Objekt am Linken Rand aufliegen ,stoppen, und nur rechts ausgeblendet werden.

Codetechnisch hab ich das Zentrieren so gelöst

Code:

<p style="height:200px;width: 600px;position:absolute; border: solid 4px green; font-family: Verdana; font-size:12pt;right:50%;margin-right: -300px;top: 50%;margin-top: -100px;text-align:center"> Zentrierter Kasten</p><br />

Vielleicht kann mir ja jemand helfen =)

ChrisB · 20.05.2010, 15:01

Zitat:

Zitat von drproof

möchte gerne ein Objekt fixieren

Damit meinst du jetzt aber kein position:fixed, oder?

Zitat:

und zwar so das es Mittig zentriert ist wenn es komplett im Browserfenster ist und wenn ich das Browserfenster verkleiner soll das Objekt am Linken Rand aufliegen ,stoppen, und nur rechts ausgeblendet werden.

Dann verzichte auf die Positionierung, und zentriere es über margin:auto.

drproof · 20.05.2010, 15:12

nein ich mein damit nicht fixed.

Uploaded with ImageShack.us

So sieht mein Problem aus... Die von mir erstellte Box verschwindet gleichmäßig auf beiden Seiten weil ich mithilfe von definierten left und rightbereichen arbeite. (siehe code oben) Die Box soll aber Zentriert sein und sobald die Linke Grüne Linie den Rand des Browserfenster berührt stoppen und nur rechts von der Box abschneiden... Im Moment verkleinert er gleichmäßig auf beiden Seiten.
Margin auf Auto zu setzen bringt mir leider nicht den gewünschen Effekt...
Schonmal danke für die Antwort...

ChrisB · 20.05.2010, 15:26

Zitat:

Zitat von drproof

Margin auf Auto zu setzen bringt mir leider nicht den gewünschen Effekt...

Dann zeige bitte ein (auf's wesentliche reduziertes, valides) Online-Beispiel.

feeela · 20.05.2010, 16:59

Zitat:

Zitat von drproof

Margin auf Auto zu setzen bringt mir leider nicht den gewünschen Effekt...

Wahrscheinlich hast du trotzdem die Positionierung drin gelassen...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CURL in Seite einloggen und einen Teil parsen	Matt	PHP Tipps 2008	8	03.09.2009 22:30
Krieg kein Objekt zurück auf includeter Seite	NONNNNN	PHP Tipps 2008	5	28.03.2008 19:25
Eintrag in DB und Wechsel zu anderer Seite	Darson	PHP Tipps 2008	25	14.01.2008 16:46
Seite nicht mehr gültig	Igäl	PHP Tipps 2006	3	25.05.2006 16:08
[Erledigt] Wetten automatisch von anderer Seite beziehen		PHP Tipps 2006	11	03.03.2006 09:09
Formular - Daten für nächste Seite behalten	NetLook	PHP Tipps 2007	7	18.11.2005 13:21
Frame schließen und [Erledigt] Seite soll nur nach Rechts verschwinden	workaholic	HTML, Usability und Barrierefreiheit	2	06.09.2005 13:36
Mit post an weitere Seite oder 2 Seiten übergeben?		PHP Tipps 2005	1	02.02.2005 12:16
Neue Seite an einer bestimmten Stelle aufrufen		PHP Tipps 2005	3	13.01.2005 10:09
blätterfunktion-limit-letzte seite		PHP Tipps 2004-2	2	20.12.2004 23:56
Eine 2te Seite auto matisch in neuem Fenster laden		PHP Tipps 2004	4	25.08.2004 14:10
[Erledigt] Tabelle auf einer Seite auslesen und in meiner Seite wiederg		PHP Tipps 2004	2	14.07.2004 08:46
"NEWS-SCRIPT" in eine Seite einbinden: Aber wie ?		PHP Tipps 2004	2	03.07.2004 16:33

20.05.2010, 11:35
drproof Neuer Benutzer Registriert seit: 20.05.2010 Beiträge: 6 PHP-Kenntnisse: Anfänger	[Erledigt] Seite soll nur nach Rechts verschwinden Morgen, ich bin gerade CSS am lernen und möchte gerne ein Objekt fixieren und zwar so das es Mittig zentriert ist wenn es komplett im Browserfenster ist und wenn ich das Browserfenster verkleiner soll das Objekt am Linken Rand aufliegen ,stoppen, und nur rechts ausgeblendet werden. Codetechnisch hab ich das Zentrieren so gelöst Code: <p style="height:200px;width: 600px;position:absolute; border: solid 4px green; font-family: Verdana; font-size:12pt;right:50%;margin-right: -300px;top: 50%;margin-top: -100px;text-align:center"> Zentrierter Kasten</p><br /> Vielleicht kann mir ja jemand helfen =)


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.05.2010, 15:12
drproof Neuer Benutzer Registriert seit: 20.05.2010 Beiträge: 6 PHP-Kenntnisse: Anfänger	nein ich mein damit nicht fixed. Uploaded with ImageShack.us So sieht mein Problem aus... Die von mir erstellte Box verschwindet gleichmäßig auf beiden Seiten weil ich mithilfe von definierten left und rightbereichen arbeite. (siehe code oben) Die Box soll aber Zentriert sein und sobald die Linke Grüne Linie den Rand des Browserfenster berührt stoppen und nur rechts von der Box abschneiden... Im Moment verkleinert er gleichmäßig auf beiden Seiten. Margin auf Auto zu setzen bringt mir leider nicht den gewünschen Effekt... Schonmal danke für die Antwort...