[H] Div zentriert positionieren

Kralle123 · 02.10.2010, 17:19

Hey,
ich habe bereits danach gegoogelt, aber alle Fragen haben sich auf text-align bezogen. Also mein Problem lautet wie folgt:
Ich habe ein dreispaltiges Design, aufgeteilt in "rechts", "content" und "links". Damit die Seite möglichst Auflösungsfreundlich ist, möchte ich, dass "content" immer mittig zwischen "rechts" und "links" ist.
CSS:

PHP-Code:

  #links {
    margin-left: 2%;
    float: left;
}

#rechts {
    margin-right: 2%;
    float: right;
}

#content {
    margin-left: 2%;
    margin-right: 2%;
    color: #FFFFFF;
    float: left;
    font-family: Verdana;
    line-height: 100%;
    background-image: url(/images/index_28.gif); background-repeat: repeat-y;
    width: 778px;
}

align:center; funktioniert komischerweiße nicht.

Zur Verdeutlichung:
http://yfrog.com/jwaufzeichnenzoj
Hier soll z.B., wenn gezoomt ist, "content" zentriert zwischen "rechts" und "links" sein.

Liebe Grüße

02.10.2010, 17:25

http://www.css4you.de/wslayout1/ex0010.html

Kralle123 · 02.10.2010, 17:30

Zitat:

Zitat von bandit600

http://www.css4you.de/wslayout1/ex0010.html

Das hilft mir leider nicht, weil mein "content" eine feste Breite hat. Ansonsten würde sich einfach die Breite größer machen.
Dies will ich aber nicht ändern, also hätte ich gerne, dass "content" die Breite behält, aber einfach zentriert zwischen "rechts" und "links" ist.

Trotzdem Danke

02.10.2010, 17:32

Versuche es mit
margin: 0 auto;

Kralle123 · 02.10.2010, 17:35

Leider nein. Dadurch gibt es gar keinen margin effekt mehr =(

02.10.2010, 17:37

Poste einen Link zur Seite

Kralle123 · 02.10.2010, 17:40

PN versendet

02.10.2010, 18:11

Per PN ist natürlich sinnvoll, damit erreichst du sehr viele Helfer.

Der W3C-Validator spuckt 101 Fehler raus, die solltest du erst einmal beheben.

Kralle123 · 02.10.2010, 18:15

Ja aber wenn später die Seite mal hier gefunden wird, stehe ich als unfähiger Admin dar

Ok, dann arbeite ich das erstmal durch .. Falls jemand zwischenzeitlich die Lösung schon weiß, kann er sie ja posten

Lg

nikosch · 02.10.2010, 18:21

Faktisch bist Du das ja auch. Und alle fangen mal an.

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
Layer exakt positionieren?	Colophoniaz	HTML, Usability und Barrierefreiheit	5	19.04.2010 01:56
Bilder - drehen, skalieren und positionieren - mit PHP?	Arminius	PHP-Fortgeschrittene	3	15.02.2010 19:37
[Erledigt] Layer richtig positionieren	sagato0816	JavaScript, Ajax und mehr	22	21.10.2009 19:28
[Erledigt] object am Rand positionieren	TAZweb	HTML, Usability und Barrierefreiheit	1	09.03.2009 13:04
[Erledigt] Login-Feld positionieren	Jasper	PHP Tipps 2009	17	19.02.2009 00:12
CSS Div korrekt positionieren?	She-Sign.de	HTML, Usability und Barrierefreiheit	2	24.01.2009 16:26
div positionieren	DarkManX	HTML, Usability und Barrierefreiheit	4	05.03.2007 04:34
Elemente an einer x beliebigen Stelle positionieren	phpbeginner	HTML, Usability und Barrierefreiheit	7	24.08.2006 17:48
Text nicht zentriert bei Firefox	saibot	HTML, Usability und Barrierefreiheit	2	31.07.2005 15:01
Warum wird das DIV-Feld nicht erweitert und zentriert	Pimbolie1979	HTML, Usability und Barrierefreiheit	13	02.06.2005 17:24
Zentriert + Bild mit Link		HTML, Usability und Barrierefreiheit	3	24.04.2005 04:02
[Erledigt] Bilder frei positionieren und von Text umfließen lassen.		HTML, Usability und Barrierefreiheit	10	24.04.2005 00:05
[Erledigt] DIV positionieren		HTML, Usability und Barrierefreiheit	12	20.03.2005 18:32
[Erledigt] CSS: <DIV> Positionieren		HTML, Usability und Barrierefreiheit	1	18.02.2005 21:05
Tabelle positionieren	Anuschka	HTML, Usability und Barrierefreiheit	3	19.08.2004 03:35

02.10.2010, 17:19
Kralle123 Neuer Benutzer Registriert seit: 01.10.2010 Beiträge: 25 PHP-Kenntnisse: Anfänger	[H] Div zentriert positionieren Hey, ich habe bereits danach gegoogelt, aber alle Fragen haben sich auf text-align bezogen. Also mein Problem lautet wie folgt: Ich habe ein dreispaltiges Design, aufgeteilt in "rechts", "content" und "links". Damit die Seite möglichst Auflösungsfreundlich ist, möchte ich, dass "content" immer mittig zwischen "rechts" und "links" ist. CSS: PHP-Code: `#links { margin-left: 2%; float: left; } #rechts { margin-right: 2%; float: right; } #content { margin-left: 2%; margin-right: 2%; color: #FFFFFF; float: left; font-family: Verdana; line-height: 100%; background-image: url(/images/index_28.gif); background-repeat: repeat-y; width: 778px; }` align:center; funktioniert komischerweiße nicht. Zur Verdeutlichung: http://yfrog.com/jwaufzeichnenzoj Hier soll z.B., wenn gezoomt ist, "content" zentriert zwischen "rechts" und "links" sein. Liebe Grüße Geändert von Kralle123 (02.10.2010 um 17:25 Uhr).


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

02.10.2010, 17:25
bandit600 Gast Beiträge: n/a	http://www.css4you.de/wslayout1/ex0010.html

02.10.2010, 17:32
bandit600 Gast Beiträge: n/a	Versuche es mit margin: 0 auto;

02.10.2010, 17:35
Kralle123 Neuer Benutzer Registriert seit: 01.10.2010 Beiträge: 25 PHP-Kenntnisse: Anfänger	Leider nein. Dadurch gibt es gar keinen margin effekt mehr =(

02.10.2010, 17:37
bandit600 Gast Beiträge: n/a	Poste einen Link zur Seite

02.10.2010, 17:40
Kralle123 Neuer Benutzer Registriert seit: 01.10.2010 Beiträge: 25 PHP-Kenntnisse: Anfänger	PN versendet

02.10.2010, 18:11
bandit600 Gast Beiträge: n/a	Per PN ist natürlich sinnvoll, damit erreichst du sehr viele Helfer. Der W3C-Validator spuckt 101 Fehler raus, die solltest du erst einmal beheben.

02.10.2010, 18:15
Kralle123 Neuer Benutzer Registriert seit: 01.10.2010 Beiträge: 25 PHP-Kenntnisse: Anfänger	Ja aber wenn später die Seite mal hier gefunden wird, stehe ich als unfähiger Admin dar Ok, dann arbeite ich das erstmal durch .. Falls jemand zwischenzeitlich die Lösung schon weiß, kann er sie ja posten Lg

02.10.2010, 18:21
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Faktisch bist Du das ja auch. Und alle fangen mal an. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --