TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 26.03.2008, 19:54   #1
TP-Junior
 
Registriert seit: Feb 2008
ebrook2002 macht alles soweit korrekt

Anleitung für Doofe: CSS Container zentrieren


Hallo zusammen,

ich habe folgendenden (wirklich guten)

http://www.traum-projekt.com/forum/1...ellen-web.html

Einsteigerworkshop absolviert und probiere gerade etwas rum.

Ich finde bei google.de zahlreiche Codefragmente, wie ich browserübergreifend einen <div> Container zentrieren kann. Aber ich krieg es einfach nicht hin. Nirgends wird erklärt, wo ich diese Codezeilen mit "Margin" und "50%" und was weiß ich noch hinschreiben muss.

Meine Anfänge findet ihr hier:

www.nicolasbitsch.de/peptozone

Es soll der #container zentriert werden. Bitte guckt noch nicht so aufs Layout, ich probier grad 10 Sachen gleichzeitig...

Und wichtig: NICHT AUF www.nicolasbitsch.de gucken ;-)
Ich bin auf Mac Os umgestiegen und wollte unbedingt mal das iWEB ausprobieren. Für Anfänger total ok aber die Seiten werden dateigrößentechnisch RIESIG...

Danke vorab!

Gruß

Nic
ebrook2002 ist offline   Mit Zitat antworten


Alt 26.03.2008, 20:01   #2
TP-Urgestein
 
Benutzerbild von webcreate
 
Registriert seit: Nov 2003
Ort: NRW
webcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichts
Änder folgendes mal in der CSS:

Code:
body { 
  width: 880px;
  margin: 0px auto;
  background-color: gray; 
  word-wrap: break-word;
}

#container { 
  background-color: black; 
  text-align: left; 
  width: 880px; 
  height: 550px; 
}
__________________
Gruß Mark
Mein Blog zum TP || XING Profil || grafiker.de Profil || How to use GOOGLE || PS Kniffe
emCalculator 1.0



webcreate IT SOLUTIONS
www.webcreate-nrw.de
webcreate ist offline   Mit Zitat antworten
Alt 26.03.2008, 20:02   #3
TP-Veteran
 
Benutzerbild von koenixblau
 
Registriert seit: Jul 2006
Ort: Berlin
koenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKE
Wenn Google schon angeblich gequält wurde,
eventuell auch mal diese Seite angesehen:
http://intensivstation.ch/files/templates/temp09.html ?

ps:
Die unausgelastete Suchfunktion, hier im Forum, liefert sehr zuverlässige Ergebnisse.

EDIT

Argh!
Mir hängen immer noch die Eier, im Magen.
__________________
» Mögen hätt' ich schon wollen, aber dürfen hab ich mich nicht getraut. «

In bunt und Farbe

könixblau.de | wunschkonzert
koenixblau ist offline   Mit Zitat antworten
Alt 27.03.2008, 08:18   #4
TP-Junior
 
Registriert seit: Feb 2008
ebrook2002 macht alles soweit korrekt

Danke!


Hallo,

vielen Dank.

Auch im genannten Link wurde mir nicht richtig klar wo das reingehört.
Ich hatte zwei oder drei Codebeispiele mal direkt in den CSS-Code reinkopiert,
dann ging aber garnichts mehr.
Ich bin in dem Bereich absoluter Anfänger.
Vielen Dank fürs "umarbeiten" für genau meinen Ansatz!!!

Gruß

Nic
ebrook2002 ist offline   Mit Zitat antworten
Alt 27.03.2008, 10:53   #5
TP-Urgestein
 
Benutzerbild von webcreate
 
Registriert seit: Nov 2003
Ort: NRW
webcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichts
Bist Du nun mit der Lösung zufrieden, oder funzt es immer noch nicht?
Kann man nun schlecht herauslesen.
__________________
Gruß Mark
Mein Blog zum TP || XING Profil || grafiker.de Profil || How to use GOOGLE || PS Kniffe
emCalculator 1.0



webcreate IT SOLUTIONS
www.webcreate-nrw.de
webcreate ist offline   Mit Zitat antworten
Alt 27.03.2008, 12:13   #6
TP-Junior
 
Registriert seit: Feb 2008
ebrook2002 macht alles soweit korrekt
Hallo,

also im InternetExplorer zentriert er es richtig!

Allerdings habe ich bei den anderen Lösungsansätzen immer gelesen, dass man für IE und Firefox/Opera zwei unterschiedliche Befehle hinterlegen muss. Irgendwie interpretiert IE den Zentrierbefehl anders und "vererbt" das Zentrieren dann an alle Objekte im Container.

Ich habe hier nur den IE... kanns erst heute Abend richtig beurteilen...
Vielleicht ist es aber auch egal, weil im Container selbst keine Inhalte (Texte usw...) stehen, an die der IE das "falsch" vererben kann.

Gruß

Nic
ebrook2002 ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > GoLive
Anleitung für Doofe: CSS Container zentrieren Anleitung für Doofe: CSS Container zentrieren
« einfache Image Map | Website beschädigt »

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

Erweiterte Suche
Thema bewerten
Thema bewerten:

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:38 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67