[GastForen Web allgemein HTML und CSS / Stylesheets seite horizontal zentrieren. beim verkleinern problem

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

seite horizontal zentrieren. beim verkleinern problem

vollueli
Beiträge gesamt: 785

19. Nov 2005, 10:24
Beitrag # 1 von 6
Bewertung:
(2438 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo

wenn ich meine seiten horizontal zentrieren möchte, mache ich das eigentlich immer mit diesem css code:
Code
body 
{
position:absolute;
left:50%;
width:800px;
margin-left:-400px;
}


-->left schiebt den inhalt in die mitte der seite, dann werden mit margin-left 400px (die hälfte von der breite) abgezogen, damit sie schön zentriert dasteht.)

das klappt auch ganz schön und gut. nur habe ich letzthin ein problem festgestellt.

wenn man das browserfenster kleiner macht als die breite der seite, wird ein teil der seite abgeschnitten. auf der linken und der rechten seite immer gleichviel.

dass die rechte seite nicht abgeschnitten wird, habe ich ein margin:auto eingefügt. mit der rechten seite klappt das nun.
doch nun zur linken seite: dort wird immer ein teil abgeschnitten.

kennt jemand einen trick wie man das verhindern kann? ich habe mir überlegt, ob man nicht irgendwie festlegen könnte, dass man den margin-width auf "-400px" setzen könnte und dann, wenn der bildschirminhalt-breite der seite < 0 ist, auf "auto" zu setzen.

gibt es da eine css möglichkeit respektive kann man das auch mit javascript lösen?

ich wäre euch dankbar um einige meinungen zu meiner idee und eventuell auch lösungsvorschlägen.

Gruss

chekk -> The Doodes
X

seite horizontal zentrieren. beim verkleinern problem

SabineP
Beiträge gesamt: 7586

19. Nov 2005, 10:54
Beitrag # 2 von 6
Beitrag ID: #196830
Bewertung:
(2433 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo vollueli,

probiers mal so:

body {margin-left: auto; width: 800px; margin-right: auto;}

Gruß Sabine


als Antwort auf: [#196829]

seite horizontal zentrieren. beim verkleinern problem

vollueli
Beiträge gesamt: 785

19. Nov 2005, 12:49
Beitrag # 3 von 6
Beitrag ID: #196844
Bewertung:
(2431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi sabine

ich habe es ausprobiert, mit firefox, ie, opera und netscape geht alles nicht.

Gruss

chekk -> The Doodes


als Antwort auf: [#196830]

seite horizontal zentrieren. beim verkleinern problem

Pozor
Beiträge gesamt: 892

19. Nov 2005, 13:02
Beitrag # 4 von 6
Beitrag ID: #196846
Bewertung:
(2424 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

hatten wir das nicht schon vor kurzen bei einem deiner Threads in Pagetest Forum?


Gruss Stefan


"KISS - KEEP IT SIMPLE, STUPID"
PHP Documentation Download


als Antwort auf: [#196844]

seite horizontal zentrieren. beim verkleinern problem

SabineP
Beiträge gesamt: 7586

19. Nov 2005, 13:06
Beitrag # 5 von 6
Beitrag ID: #196847
Bewertung:
(2424 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Der Vorschlag stammt von der CSS1 Test Suite,
bei mir klappt das auch sehr gut.

Horizontale Formatierung:
http://www.w3.org/...1/current/sec412.htm
Test anklicken

P.four {margin-left: auto; width: 50%; margin-right: auto;
background-color: gray;}

Wenn es bei Dir nicht klappt,
dann hängt das mit dem anderen Code (HTML,CSS?) in Deiner Seite zusammen.

Gruß Sabine


als Antwort auf: [#196844]
(Dieser Beitrag wurde von SabineP am 19. Nov 2005, 13:06 geändert)

seite horizontal zentrieren. beim verkleinern problem

vollueli
Beiträge gesamt: 785

29. Nov 2005, 21:13
Beitrag # 6 von 6
Beitrag ID: #198452
Bewertung:
(2355 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo

das problem lag am restlichen html code, der nicht schön sauber war. jetzt ist das problem behoben. ich habe es mit

width: 800px;
margin-left: auto;
margin-right: auto;

gelöst.

vielen dank für eure bemühungen!

Gruss

chekk -> The Doodes


als Antwort auf: [#196847]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
05.03.2021 - 30.04.2021

Digicomp Academy AG, Zürich oder virtuell
Freitag, 05. März 2021, 13.00 Uhr - Freitag, 30. Apr. 2021, 17.00 Uhr

Lehrgang

Im berufsbegleitenden Web Publisher Lehrgang vertiefen Sie Ihr Wissen rund um das Thema Screendesign und die Umsetzung von Websites. Wir befähigen Sie dazu selbständig und professionell Ihren Webauftritt zu planen und in die Realität umzusetzen.

Preis: CHF 3'250.–
Dauer: 8.5 Tage - Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PWEB

Neuste Foreneinträge


Abschnitt mit Absatzformat beginnen?

Scriptphänomen alle 16 Steps

Fotobuch mit gleicher längster Bildseite

Schwarz überdruckt nicht

Von Quark nach Indesign konvertieren

Serien-Dateinamenänderung (mit Automator?) "nur die ersten 7 Schreibstellen"

Illustrator 2021 Stapelverarbeitung

Startvolum

Barrierefreies PDF> keine klickbaren Fußnoten im PDF (Tagbaum)

Arbeitsfarbraum ändert sich bei neu angelegten Dokumenten von selbst
medienjobs