mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 21:25 Benutzername: Passwort: Auto-Login

Thema: zentrierung per CSS: inhalt verschwindet links vom 08.05.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> zentrierung per CSS: inhalt verschwindet links
Autor Nachricht
grafikschneiderlein
Threadersteller

Dabei seit: 10.07.2006
Ort: -
Alter: 52
Geschlecht: Weiblich
Verfasst Di 08.05.2007 10:23
Titel

zentrierung per CSS: inhalt verschwindet links

Antworten mit Zitat Zum Seitenanfang

hallo zusammen,

habe ein zentriertes seitenlayout schön brav per CSS aufgebaut, alle wichtigen inhalte sitzen verschachtelt in einem zentrierten <div>. funktioniert auch alles soweit. problematisch wird es, wenn ich die fenstergrösse soweit verkleinere, dass der inhalt auch horizontal gescrollt werden müsste bzw. wenn die FF oder IE sidebar eingeblendet ist:
dann verschwindet die linke hälfte des inhalts unter dem fensterrand und kann auch per scrollbar nicht erreicht werden - und zwar browserunabhängig (juhu...)

gibt's dafür eine lösung? hab ich blindfisch was verkehrt gemacht?


hier der code der zentrierungsbox inkl. css:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css">

* {margin:0;padding: 0;border:0;}

body {
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size: small;
font-weight: normal;
color:#FFFFFF;
}

p {font-size: medium;font-weight: bold;color:#FFFFFF;margin: 50px  0px  0px  50px;padding: 0px;}

#box_content{
background-color:#FFCC66;
width: 984px;
height: 2000px;
position: absolute;
left: 50%;
text-align:left;
margin: 0px 0px 0px -492px;
padding: 0px 8px 50px 8px;
}
</style>

<title>Untitled Document</title>
</head>
<body>
<div id="box_content">
<p><< der linke rand verschwindet beim zusammenschieben des fensters und ist mit dem scrollbalken nicht zu erreichen</p>
</div>


</body>
</html>


habt dank!


Zuletzt bearbeitet von grafikschneiderlein am Di 08.05.2007 10:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
deeesi

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Di 08.05.2007 10:30
Titel

Antworten mit Zitat Zum Seitenanfang

warum gibst du der box nicht mal ein:
Code:
margin: 0 auto;

?

dann musst du aber glaub ich noch das einfügen:

Code:
html {
   width:100%;
}

body {
   width: 100%;
}

oder auch nur eins von beiden, musst du testen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
theGRUNGEone

Dabei seit: 13.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht: Weiblich
Verfasst Di 08.05.2007 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

musst du. glaube ich, nicht.

{margin: 0 auto;} ist korrekt.

und du musst dem div, dem du das
zuweist eben irgendeine width geben.
aber was mir noch aufgefallen ist:
mach doch dein div nicht so furchtbar
breit. 800 px als grundbreite wären
auch in ordnung.

// hier kannst du auch mal deinen text
auf validität überprüfen.


Zuletzt bearbeitet von theGRUNGEone am Di 08.05.2007 10:47, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
grafikschneiderlein
Threadersteller

Dabei seit: 10.07.2006
Ort: -
Alter: 52
Geschlecht: Weiblich
Verfasst Di 08.05.2007 11:00
Titel

Antworten mit Zitat Zum Seitenanfang

hmm, klappt nicht.
jetzt hängt das div rechtsbündig im fenster.
den negativen margin-left brauche ich doch, um das ganze zu zentrieren?

@theGRUNGEone:
der kunde will's halt breiter...

der FF webdeveloper is zum validieren übrigens auch nicht schlecht
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
deeesi

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Di 08.05.2007 11:12
Titel

Antworten mit Zitat Zum Seitenanfang

grafikschneiderlein hat geschrieben:

den negativen margin-left brauche ich doch, um das ganze zu zentrieren?

nein, brauchst du nicht...das "auto" beim margin sagt dem teil schon alles, was es braucht
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
grafikschneiderlein
Threadersteller

Dabei seit: 10.07.2006
Ort: -
Alter: 52
Geschlecht: Weiblich
Verfasst Di 08.05.2007 11:27
Titel

[gelöst] zentrierung per CSS: inhalt verschwindet links

Antworten mit Zitat Zum Seitenanfang

ha! jetzt is der groschen gefallen!!!

ihr meint die ausrichtung ohne "position: schiessmichtot"! das passt!
da hab' ich wohl auf's falsche handbuch gesetzt *ggg*

heissen dank!


Zuletzt bearbeitet von grafikschneiderlein am Di 08.05.2007 11:50, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
theGRUNGEone

Dabei seit: 13.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht: Weiblich
Verfasst Di 08.05.2007 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

genau. weil sich das beides beißt,
musst du die position raus nehmen. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen DIV Sichtbarkeit / Zentrierung
CSS und zentrierung von z-index
(CSS) Zentrierung eines Klappmenus
(BARRIEREFREIHEIT) SWF zentrierung in HTML
XHTML und CSS, Zentrierung und Positionierung?
Problem bei Zentrierung eines DIV-Tags
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.