Antwort
 
Themen-Optionen Thema durchsuchen
Alt 10.10.2006, 14:08 Nach oben    #1
\m/ let's rock \m/
 
Benutzerbild von la-finest
 
Registriert seit: 11.11.2005
Beiträge: 114
Standard Element mittig positionieren

Hallo zusammen,

Ich möchte gerne meine Elemente mittig von der Site via CSS setzen.
Ist das überhaupt möglich?

Ich habe es bisher immer nur via
HTML-Code:
<center><div class="blabla">...</div></center> 
im Html-teil mittig gesetzt!

Mein jetziger Code:
Code:
.header{
  border: 1px solid black;
  width: 50%;
  background-color: #FFFFFF;
}
habe auch schon versucht so mittig zu setzten:

Code:
.header{
  border: 1px solid black;
  width: 50%;
  background-color: #FFFFFF;
  clear: both;
  top: 10%;
  left:  25%;
  right: 25%;
  float: none;
}
Aber klappte auch nicht, ist schon was länger her, dass ich das letze mal ne CSS erstellt habe

Über Vorschläge Tipps & Tricks wäre ich dankbar

Viele Grüße,
la-finest
__________________
"Irgendwann, möglicherweise auch nie, werde ich dich bitten mir eine kleine Gefälligkeit zu erweisen. Aber solange ich das nicht tue, soll die Gerechtigkeit mein Geschenk an Dich sein." - Don Vito Corleone, aus "Der Pate"
la-finest ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 10.10.2006, 14:13 Nach oben    #2
Christian Mühlroth
 
Benutzerbild von Chr!s
 
Registriert seit: 04.09.2005
Ort: Nürnberg
Beiträge: 561
Standard

Die Eigenschaften
text-align: center; und/oder
margin: 0 auto; sollten dir weiterhelfen..

Oder halt über Google:
http://www.google.de/search?hl=de&q=...le-Suche&meta= (css zentrieren)
__________________
http://www.ChrisDiary.De
Chr!s ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 10.10.2006, 14:35 Nach oben    #3
\m/ let's rock \m/
 
Benutzerbild von la-finest
 
Registriert seit: 11.11.2005
Beiträge: 114
Standard

ohh scusi, google.de mein z.Zt bester freund ganz vergessen

Obs glaubst oder nicht, aber die antwort hat mir geholfen ^^
Sogar noch nen Browser übergreifende Lösung gefunden

Greetz,
la-finest


P.s.

Was mir aufgefallen ist, in nem Workshop eBook, werden die Klassen nur mit .className dargestellt.
Aber in vielen Tutorials & auf css4you werden sie mit z.B. div.className dargestellt, was ist der Unterschied, was sollte man verwenden, oder ist es igal?
__________________
"Irgendwann, möglicherweise auch nie, werde ich dich bitten mir eine kleine Gefälligkeit zu erweisen. Aber solange ich das nicht tue, soll die Gerechtigkeit mein Geschenk an Dich sein." - Don Vito Corleone, aus "Der Pate"
la-finest ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 10.10.2006, 14:52 Nach oben    #4
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Durch div.klassenname sind die Klassennamen wiederverwendbar.
Ansonsten denke ich, gibts da keinen unterschied. (aber man lernt ja nie aus)
__________________
I did it my way - Senseless-Blog
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 15.10.2006, 17:14 Nach oben    #5
CSS-Spinner
 
Benutzerbild von pichfl
 
Registriert seit: 27.08.2005
Ort: Kissing
Beiträge: 46
Standard

@warren:
Klassen sind immer wiederverwendbar.

Was man mit div.class ausdrück ist vielmehr eine präsiere Kaskade.

d.h. div.class ist genauer als nur .class
(z.b. div.class{ color:red; } färbt <p class="class">blubb</p> nicht rot.)

Das ist nützlich, wenn man sich ernsthaft mit der Kaskade in der CSS auseinandersetzen muss, weil eine Eigenschaft die andere überschreibt.
pichfl ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 15.10.2006, 17:43 Nach oben    #6
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Ich hatte von Klassennamen gesprochen.
Das was du noch erklärst ist auch mir bekannt.
__________________
I did it my way - Senseless-Blog
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 15.10.2006, 23:17 Nach oben    #7
CSS-Spinner
 
Benutzerbild von pichfl
 
Registriert seit: 27.08.2005
Ort: Kissing
Beiträge: 46
Standard

arg sollte nicht immer zig Sachen gleichzeitig tun. *soifz*
pichfl ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
PingBacks sind an
RefBacks sind aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Text hinter einem Bild mittig positionieren florian HTML, XML und CSS 3 13.09.2006 21:28
Positionieren von Bildern Skinwalker HTML, XML und CSS 6 04.04.2006 10:32
[xhtml strict] Document type does not allow element "h3" here Chr!s HTML, XML und CSS 5 07.01.2006 16:30
DIV unten positionieren PaterNoster HTML, XML und CSS 2 28.12.2005 13:57
Objekte positionieren - AWT trivial Desktop-Applikationen und Grafik 4 15.11.2005 20:15


Alle Zeitangaben in WEZ +1. Es ist jetzt 15:28 Uhr.


Powered by vBulletin® Version 3.7.4 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45