[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:
(2674 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:
(2669 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:
(2667 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:
(2660 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:
(2660 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:
(2591 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
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/