[HaBo]
| (Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI... |
zentrieren + scrollen verbieten?Diskussion: zentrieren + scrollen verbieten? im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige
Ich habe nun über 1h gegoogelt, rumprobiert, etc. und ich komme nicht weiter, also hier meine Fragen:
1. ich ... 
07.07.08, 16:37
#1 (permalink)
Registriert seit: 27.12.03 
Likes: 0 zentrieren + scrollen verbieten?
Anzeige
Ich habe nun über 1h gegoogelt, rumprobiert, etc. und ich komme nicht weiter, also hier meine Fragen:
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
2. wie kann ich verbieten, dass der Benutzer die Hauptseite scrollt? Und wie kann ich das dann wieder aufheben?
danke im Voraus,
mfg
EDIT
JS darf auch verwendet werden ;) 
07.07.08, 16:50
#2 (permalink)
Registriert seit: 12.06.08 
Likes: 0 
1. Google mal nach "Spacer in XHTML"
2. <div style="overflow:fixed;"> und overflow:auto # Glaub ich 
HaBOT
- Anzeige -
07.07.08, 17:01
#3 (permalink)
Registriert seit: 17.03.04 Likes: 2
Zitat:
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
Falls der Div-Container über allen anderen liegen soll, wirst Du nicht an JS vorbei kommen.
__________________
Mfg Basic Avid
- Use it or be used! -
07.07.08, 17:17
#4 (permalink)
Registriert seit: 09.02.08 
Likes: 0
Zitat: Original von BasicAvid
Zitat:
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
Falls der Div-Container über allen anderen liegen soll, wirst Du nicht an JS vorbei kommen.
echt? z-index müsste gehen!
@topic: Schau mal auf http://1ngo.de/web/zentrierung.html ganz unten
__________________
07.07.08, 18:52
#5 (permalink)
Member of Honour 
Registriert seit: 22.02.07 
Likes: 77
um links und rechts den gleichen Abstand zu haben:
CSS-Code:
Code: margin-left:auto;
margin-right:auto;
oben und unten den gleichen Abstand:
soweit ich weiß ohne JavaScript nicht möglich.
Außer du packst den DIV-Container in eine Tabelle, die über die ganze Seite geht, dem td gibst du als CSS-Eigenschaft ein align:center; und vertical-align:middle; - dann könnte es gehen... hab ich aber selber nicht ausprobiert und Tabellen-Layouts sind sowieso schlechter Stil...
07.07.08, 20:34
#6 (permalink)
Registriert seit: 17.03.04 Likes: 2
Zitat: Original von r@mi
Zitat: Original von BasicAvid
Zitat:
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
Falls der Div-Container über allen anderen liegen soll, wirst Du nicht an JS vorbei kommen.
echt? z-index müsste gehen!
@topic: Schau mal auf http://1ngo.de/web/zentrierung.html ganz unten
Mir ist bewußt, dass man mit dem z-index den Layer über die anderen Elemente legen kann, aber Du kannst keinen Div-Container der mit position: absolute (zum Body) in der Seite positioniert wird ohne JS zentrieren.
__________________
Mfg Basic Avid
- Use it or be used! -
07.07.08, 22:13
#7 (permalink)
Themenstarter
Registriert seit: 27.12.03 Likes: 0
oh sorry, habe vergessen zu sagen, dass JS natürlich verwendet werden darf 
Zitat: Original von Keci
2. <div style="overflow:fixed;"> und overflow:auto # Glaub ich
auch hier ein sorry: ich meinte, wie man verbietet, dass die ganze Seite gescrollt wird, halt solange dann des <div> eingeblendet wird
07.07.08, 22:46
#8 (permalink)
Registriert seit: 09.12.07 Likes: 0
Zitat: Original von BasicAvid
Du kannst keinen Div-Container der mit position: absolute (zum Body) in der Seite positioniert wird ohne JS zentrieren.
es sei denn, der container hat eine feste breite (zb. 800px). dann geht
Code: <div style="left: 50%; margin-left:-400px;">...</div>
und das ganze funktioniert auch für die vertikale ausrichtung.
zu sehen auf meiner platzhalterseite: http://h3po.de/
edit: geduld beim anklicken meiner seite, 1&1 hat grad arge probleme...
08.07.08, 08:55
#9 (permalink)
Registriert seit: 17.03.04 Likes: 2
@H3PO
Ok, so geht es natürlich auch ;-)
Hier hat man aber dann das Problem, dass sich der Div-Container immer an der selben stelle befindet, und ich denke mal Avenger benötigt einen Div-Container der sich beim Scrollen neu ausrichtet.
__________________
Mfg Basic Avid
- Use it or be used! -
08.07.08, 18:47
#10 (permalink)
Themenstarter
Registriert seit: 27.12.03 Likes: 0
hm, nicht unbedingt
wenn ich halt irgendwie verbieten kann, dass der Benutzer die Seite scrollt, solange der Container angezeigt wird, ist es kein Problem
08.07.08, 18:58
#11 (permalink)
Registriert seit: 09.12.07 Likes: 0
Zitat: Original von BasicAvid
Hier hat man aber dann das Problem, dass sich der Div-Container immer an der selben stelle befindet, und ich denke mal Avenger benötigt einen Div-Container der sich beim Scrollen neu ausrichtet.
Zitat: Original von Avenger
hm, nicht unbedingt
wenn ich halt irgendwie verbieten kann, dass der Benutzer die Seite scrollt, solange der Container angezeigt wird, ist es kein Problem
wenn ich das richtig verstehe, willst du so ne art meldungsfenster haben, dass vor allem anderen fest positioniert ist?
wie wärs mit
Code: <body style="padding: 0px;">
<div style="padding: 0px; margin: 0px; width: 100%, height: 100%; overflow: hidden">
<div style="width: 640px; height: 480px; left: 50%; top: 50%; margin-left: -320px; margin-top: -240px;">
<div>
</div>
</body>
13.07.08, 21:49
#12 (permalink)
Themenstarter
Registriert seit: 27.12.03 Likes: 0
Konnt erst heute deinen Vorschlag testen.
Irgendwie hat deine Konstruktion ned hingehauen.
Aber ich hab nun einen recht gute Alternative gefunden (JavaScript):
Code: function showdiv() {
var ObjRef = document.getElementById("name_des_divs");
ObjRef.style.position = "fixed";
ObjRef.style.visibility = "visible";
} Vielen Dank für eure Hilfe!
mfg
- Anzeige -
[HaBo]
» Web, Network & Multimedia Palace
» (Web-) Design und webbasierte Sprachen
» zentrieren + scrollen verbieten?
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 sind aus Pingbacks sind aus Refbacks sind aus
Ähnliche Themen Thema Autor Forum Antworten Letzter Beitrag Quirks: Div Zentrieren THRALL (Web-) Design und webbasierte Sprachen 8 07.10.08 14:49 Kann man das Internet verbieten? non Internet Allgemein 47 20.12.05 22:56 Opera Soundwiedergabe verbieten Caleb Applikationen 2 23.10.05 16:05 [xhtml 1.0] standardkonformes zentrieren sieben (Web-) Design und webbasierte Sprachen 1 18.03.03 14:22
Diskussion:
07.07.08, 16:37
#1 (permalink)
Ich habe nun über 1h gegoogelt, rumprobiert, etc. und ich komme nicht weiter, also hier meine Fragen:
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
2. wie kann ich verbieten, dass der Benutzer die Hauptseite scrollt? Und wie kann ich das dann wieder aufheben?
danke im Voraus,
mfg
EDIT
JS darf auch verwendet werden ;)
07.07.08, 16:50
#2 (permalink)
2. <div style="overflow:fixed;"> und overflow:auto # Glaub ich
07.07.08, 17:01
#3 (permalink)
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
Mfg Basic Avid
- Use it or be used! -
07.07.08, 17:17
#4 (permalink)
Original von BasicAvid
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
@topic: Schau mal auf http://1ngo.de/web/zentrierung.html ganz unten
07.07.08, 18:52
#5 (permalink)
CSS-Code:
margin-left:auto;
margin-right:auto;
soweit ich weiß ohne JavaScript nicht möglich.
Außer du packst den DIV-Container in eine Tabelle, die über die ganze Seite geht, dem td gibst du als CSS-Eigenschaft ein align:center; und vertical-align:middle; - dann könnte es gehen... hab ich aber selber nicht ausprobiert und Tabellen-Layouts sind sowieso schlechter Stil...
07.07.08, 20:34
#6 (permalink)
Original von r@mi
Original von BasicAvid
1. ich habe einen <DIV>-Container, wie bekomme ich den sowohl Vertikal als auch Horizontal zentriert?
@topic: Schau mal auf http://1ngo.de/web/zentrierung.html ganz unten
Mir ist bewußt, dass man mit dem z-index den Layer über die anderen Elemente legen kann, aber Du kannst keinen Div-Container der mit position: absolute (zum Body) in der Seite positioniert wird ohne JS zentrieren.
Mfg Basic Avid
- Use it or be used! -
07.07.08, 22:13
#7 (permalink)
Themenstarter
Original von Keci
2. <div style="overflow:fixed;"> und overflow:auto # Glaub ich
07.07.08, 22:46
#8 (permalink)
Original von BasicAvid
Du kannst keinen Div-Container der mit position: absolute (zum Body) in der Seite positioniert wird ohne JS zentrieren.
<div style="left: 50%; margin-left:-400px;">...</div>
zu sehen auf meiner platzhalterseite: http://h3po.de/
edit: geduld beim anklicken meiner seite, 1&1 hat grad arge probleme...
08.07.08, 08:55
#9 (permalink)
Ok, so geht es natürlich auch ;-)
Hier hat man aber dann das Problem, dass sich der Div-Container immer an der selben stelle befindet, und ich denke mal Avenger benötigt einen Div-Container der sich beim Scrollen neu ausrichtet.
Mfg Basic Avid
- Use it or be used! -
08.07.08, 18:47
#10 (permalink)
Themenstarter
wenn ich halt irgendwie verbieten kann, dass der Benutzer die Seite scrollt, solange der Container angezeigt wird, ist es kein Problem
08.07.08, 18:58
#11 (permalink)
Original von BasicAvid
Hier hat man aber dann das Problem, dass sich der Div-Container immer an der selben stelle befindet, und ich denke mal Avenger benötigt einen Div-Container der sich beim Scrollen neu ausrichtet.
Original von Avenger
hm, nicht unbedingt
wenn ich halt irgendwie verbieten kann, dass der Benutzer die Seite scrollt, solange der Container angezeigt wird, ist es kein Problem
wie wärs mit
<body style="padding: 0px;">
<div style="padding: 0px; margin: 0px; width: 100%, height: 100%; overflow: hidden">
<div style="width: 640px; height: 480px; left: 50%; top: 50%; margin-left: -320px; margin-top: -240px;">
<div>
</div>
</body>
13.07.08, 21:49
#12 (permalink)
Themenstarter
Irgendwie hat deine Konstruktion ned hingehauen.
Aber ich hab nun einen recht gute Alternative gefunden (JavaScript):
function showdiv() {
var ObjRef = document.getElementById("name_des_divs");
ObjRef.style.position = "fixed";
ObjRef.style.visibility = "visible";
}
mfg
[HaBo]
» Web, Network & Multimedia Palace
» (Web-) Design und webbasierte Sprachen
»
Themen-Optionen Ansicht
Forumregeln
Ähnliche Themen Thema Autor Forum Antworten Letzter Beitrag Quirks: Div Zentrieren THRALL (Web-) Design und webbasierte Sprachen 8 07.10.08 14:49 Kann man das Internet verbieten? non Internet Allgemein 47 20.12.05 22:56 Opera Soundwiedergabe verbieten Caleb Applikationen 2 23.10.05 16:05 [xhtml 1.0] standardkonformes zentrieren sieben (Web-) Design und webbasierte Sprachen 1 18.03.03 14:22
Linear-Darstellung
