zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Flexiblen div Container zentrieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.01.2011, 00:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 18
xeed befindet sich auf einem aufstrebenden Ast
Standard Flexiblen div Container zentrieren?

Hi und schön das es euch gibt

Wie kann ich einen div-Container mit variabler width horizontal zentriert auf der Seite darstellen?


#topmenu
{
position: relative;
width: 100%;
left: 50%;
}

schiebt mir das Element logischerweise zu weit nach Rechts.

Für Hilfe bin ich im Vorraus dankbar

Gruss xeed
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.01.2011, 00:22
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.135
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von xeed Beitrag anzeigen

Code:
#topmenu
{
	position: relative;
	width: 100%;
	left: 50%;
}
Was willst du bei width:100% zentrieren?

Manfred
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.01.2011, 00:23
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Deine width ist aber nicht variabel, sondern beträgt 100% ^^

Meist hilft {margin: 0 auto ;} ganz gut weiter.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #4 (permalink)  
Alt 15.01.2011, 00:29
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Code:
#container {margin:0 xx%;}
oder
Code:
#container {margin:0 yypx;}
sollten dein Problem lösen.
  • Erster Fall, der Container und die Seitenränder stehen im Verhältnis zueinander - Containerbreite = Screenbreite - 2xmargin-Angabe(2)
  • Zweiter Fall, der Container ist variabel und die Seitenränder bleiben gleich - Rechnung wie Fall 1

Geändert von cebito (15.01.2011 um 00:37 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 15.01.2011, 01:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 18
xeed befindet sich auf einem aufstrebenden Ast
Standard

Erstmal Danke

also die width bezieht sich ja nicht auf das Element, in dem fall das Topmenü, sondern auf die Breite des übergeordneten Containers.

Die Breite des Menüs kann sich aber je nach Anzahl der Einträge ändern.

Mit margin kann ich das Problem nicht lösen,

#topmenu
{
position: relative;
width: 100%;
left: 50%;
margin:0 50%;
}

das Menü verschwindet komplett. Ist da noch was anderes falsch?

Hier auch mal zum gucken: FLStudio.TV - Fruity Producer Zone
Mit Zitat antworten
  #6 (permalink)  
Alt 15.01.2011, 01:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

FAQ Punkt 13
Mit Zitat antworten
  #7 (permalink)  
Alt 15.01.2011, 01:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 18
xeed befindet sich auf einem aufstrebenden Ast
Standard

Oh ich dachte das geht einfacher. Das guck ich morgen mal genau an.

Thx erstmal.
Mit Zitat antworten
  #8 (permalink)  
Alt 19.05.2012, 11:51
Benutzer
neuer user
 
Registriert seit: 13.08.2009
Beiträge: 36
Sunlion befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Aaahhh - endlich!!! Ich hab mir schon einen Wolf gesucht, um die Navigationspunkte einer Bannerrotation zu zentrieren, egal, wieviel Banner sich in der Rotation befinden. Jetzt klappt es endlich!
Danke!!!
Mit Zitat antworten
Antwort

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 are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:30 Uhr.