design mittig halten

Niedi · 27.08.2005, 20:09

hi Leute

problem mit css.. jojo kommt mal vor ^^

also ich habe mein design auf 800px breite festgelegt, und dieses mit margin-left: auto; und margin-right: auto; in der mitte des bildschirms zentriert.

Wenn der inhalt meiner seite, nun jedoch höher wird, als der schirm, erscheint rechts ja der scrollbalken. DADURCH, wird die breite des browsers, ja um ein stück dünner, und somit wird auch das design ein klein wenig nach links verschoben, da es ja mittig bleiben möchte.

gibts da einen ausweg, das es weiterhin dynamisch bleibt, und auch wenn die seite mehr inhalt in der höhe hat, am selben fleck bleibt?

danke um Hilfe
(Bitte um Hilfe, Danke für die Hilfe

)

mfg niedi

27.08.2005, 20:20

Den Scrollbalken immer eingeblendet lassen

Code:

body {
    overflow:scroll;
}

Niedi · 27.08.2005, 20:29

hab ich vergessen dazuzusagen das ich finde, das das scheisse aussieht *g*

also ich such ne andre lösung.. einfach etwas, das er den nicht zurechnet, oder einfach nicht beachtet.. gibts wahrscheinlich nicht oder?

27.08.2005, 20:36

Nö, es sei denn, Du arbeitest mit festen Positionsangaben, aber dann eben nicht mehr mittig... Ent oder weder eben...

Niedi · 27.08.2005, 20:42

ne, sollte eben dynamisch sein, also nix mit festen angaben.

danke für die Antwort

nehme lieber das oder ^^

mfg niedi

Zero.exe · 28.08.2005, 03:05

Also ich mache das mit:

margin: 0px auto;

Bei meiner Seite, die ich hier gemacht habe ist das kein Problem weil ich die Navi Horizontal habe. Wie es bei einer Navi, die links ist aussieht bin ich auch gerade am Rätseln.

Divs kann man nicht verschachteln oder?
Hab das schon mal ausprobiert und habe es nicht gecheckt.

Niedi · 28.08.2005, 03:49

wieso sollte man divs nicht verschachteln können?

margin: 0px auto; hmm..

und das funktioniert? mal testen wenn ich morgen aufsteh

28.08.2005, 11:17

Nutz alles nix... wenn man das Layout so erstellt hat, dass es immer mittig angezeigt wird, hüpft es nach links, wenn der Scrollbalken eingeblendet wird.

Ersatzweise einen äußeren DIV mit fester Größe erstellen (wird in der Bildschirmmitte zentriert), da rein dann Header, Navi und ein Inhalts-DIV mit

Code:

overflow:auto;

So bleibt der äußere DIV immer in der Bildschirmmitte und nur beim Inhalt wird bei Bedarf ein Scrollbalken eingeblendet.

Zero.exe · 28.08.2005, 14:02

Also bei mir funzt es leider nicht so wie du sagst!?

28.08.2005, 14:14

OK, hier mal eben flott ein Beispiel

HTML

Code:

<div id="main">
    <div id="head">
        Logo oder sowas
    </div>
    <div id="navi">
        Navigation
    </div>
    <div id="content">
        Der inhalt der Seite
    </div>
</div>

CSS (nur für main und content, den Rest muss man sich mal denken):

Code:

#main {
	background:white;
	width:760px;
	margin:-276px 0 0 -380px;
	position:absolute;
	left:50%;
	top:50%;
}

#content {
	overflow:auto;
	height:412px;
	width:515px;
	padding:20px;
	float:left;
}

Dieses Beispiel sorgt für eine Darstellung in der Bildschirmmitte, wenn der Inhalt zu groß ist, werden entsprechend Scrollbalken eingeblendet, ohne dass der Main-DIV ruckelt

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
Design und Code Trennen	TeazY	PHP Tipps 2008	29	21.05.2008 12:08
[Erledigt] [(X)HTML] Page Mittig		HTML, Usability und Barrierefreiheit	7	05.12.2005 14:00
Design...		Off-Topic Diskussionen	8	29.09.2005 10:01
Design		Beitragsarchiv	26	04.06.2005 20:56
Problem mit *.TPL dateien und Design	imported_DJ Nuno	HTML, Usability und Barrierefreiheit	4	08.03.2005 02:29
[PHP] Design Schutz für ein Gästebuch	I-Spy	PHP Tipps 2005	5	01.01.2005 11:25
[Erledigt] Design Firefox vs IE bitte um Hilfe		HTML, Usability und Barrierefreiheit	4	23.09.2004 05:15
[Erledigt] DIV Design		HTML, Usability und Barrierefreiheit	2	24.07.2004 09:36
Rubrikentitel mittig		PHP Tipps 2004	9	16.07.2004 07:49
Design an PHPnuke oder TriggerTG anpassen??		PHP Tipps 2004	5	11.06.2004 15:29

27.08.2005, 20:09
Niedi Erfahrener Benutzer Registriert seit: 16.03.2005 Beiträge: 421	design mittig halten hi Leute problem mit css.. jojo kommt mal vor ^^ also ich habe mein design auf 800px breite festgelegt, und dieses mit margin-left: auto; und margin-right: auto; in der mitte des bildschirms zentriert. Wenn der inhalt meiner seite, nun jedoch höher wird, als der schirm, erscheint rechts ja der scrollbalken. DADURCH, wird die breite des browsers, ja um ein stück dünner, und somit wird auch das design ein klein wenig nach links verschoben, da es ja mittig bleiben möchte. gibts da einen ausweg, das es weiterhin dynamisch bleibt, und auch wenn die seite mehr inhalt in der höhe hat, am selben fleck bleibt? danke um Hilfe (Bitte um Hilfe, Danke für die Hilfe ) mfg niedi


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

27.08.2005, 20:20
Gast Beiträge: n/a	Den Scrollbalken immer eingeblendet lassen Code: body { overflow:scroll; }

27.08.2005, 20:29
Niedi Erfahrener Benutzer Registriert seit: 16.03.2005 Beiträge: 421	hab ich vergessen dazuzusagen das ich finde, das das scheisse aussieht g also ich such ne andre lösung.. einfach etwas, das er den nicht zurechnet, oder einfach nicht beachtet.. gibts wahrscheinlich nicht oder? __________________ http://forum.developers-guide.net Klick dich REICH: http://www.klick-reich.de/index2.php...lden&ref=Niedi

27.08.2005, 20:36
Gast Beiträge: n/a	Nö, es sei denn, Du arbeitest mit festen Positionsangaben, aber dann eben nicht mehr mittig... Ent oder weder eben...

27.08.2005, 20:42
Niedi Erfahrener Benutzer Registriert seit: 16.03.2005 Beiträge: 421	ne, sollte eben dynamisch sein, also nix mit festen angaben. danke für die Antwort nehme lieber das oder ^^ mfg niedi __________________ http://forum.developers-guide.net Klick dich REICH: http://www.klick-reich.de/index2.php...lden&ref=Niedi

28.08.2005, 03:05
Zero.exe Benutzer Registriert seit: 01.03.2005 Beiträge: 59	Also ich mache das mit: margin: 0px auto; Bei meiner Seite, die ich hier gemacht habe ist das kein Problem weil ich die Navi Horizontal habe. Wie es bei einer Navi, die links ist aussieht bin ich auch gerade am Rätseln. Divs kann man nicht verschachteln oder? Hab das schon mal ausprobiert und habe es nicht gecheckt.

28.08.2005, 03:49
Niedi Erfahrener Benutzer Registriert seit: 16.03.2005 Beiträge: 421	wieso sollte man divs nicht verschachteln können? margin: 0px auto; hmm.. und das funktioniert? mal testen wenn ich morgen aufsteh __________________ http://forum.developers-guide.net Klick dich REICH: http://www.klick-reich.de/index2.php...lden&ref=Niedi

28.08.2005, 11:17
Gast Beiträge: n/a	Nutz alles nix... wenn man das Layout so erstellt hat, dass es immer mittig angezeigt wird, hüpft es nach links, wenn der Scrollbalken eingeblendet wird. Ersatzweise einen äußeren DIV mit fester Größe erstellen (wird in der Bildschirmmitte zentriert), da rein dann Header, Navi und ein Inhalts-DIV mit Code: overflow:auto; So bleibt der äußere DIV immer in der Bildschirmmitte und nur beim Inhalt wird bei Bedarf ein Scrollbalken eingeblendet.

28.08.2005, 14:02
Zero.exe Benutzer Registriert seit: 01.03.2005 Beiträge: 59	Also bei mir funzt es leider nicht so wie du sagst!?

28.08.2005, 14:14
Gast Beiträge: n/a	OK, hier mal eben flott ein Beispiel HTML Code: <div id="main"> <div id="head"> Logo oder sowas </div> <div id="navi"> Navigation </div> <div id="content"> Der inhalt der Seite </div> </div> CSS (nur für main und content, den Rest muss man sich mal denken): Code: #main { background:white; width:760px; margin:-276px 0 0 -380px; position:absolute; left:50%; top:50%; } #content { overflow:auto; height:412px; width:515px; padding:20px; float:left; } Dieses Beispiel sorgt für eine Darstellung in der Bildschirmmitte, wenn der Inhalt zu groß ist, werden entsprechend Scrollbalken eingeblendet, ohne dass der Main-DIV ruckelt