Autor |
Nachricht |
grafikschneiderlein
Threadersteller
Dabei seit: 10.07.2006
Ort: -
Alter: 52
Geschlecht:
|
Verfasst Di 08.05.2007 11:23
Titel zentrierung per CSS: inhalt verschwindet links |
|
|
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 11:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
deeesi
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Di 08.05.2007 11:30
Titel
|
|
|
warum gibst du der box nicht mal ein:
?
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
|
|
|
|
|
Anzeige
|
|
|
theGRUNGEone
Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht:
|
Verfasst Di 08.05.2007 11:44
Titel
|
|
|
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 11:47, insgesamt 2-mal bearbeitet
|
|
|
|
|
grafikschneiderlein
Threadersteller
Dabei seit: 10.07.2006
Ort: -
Alter: 52
Geschlecht:
|
Verfasst Di 08.05.2007 12:00
Titel
|
|
|
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
|
|
|
|
|
deeesi
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Di 08.05.2007 12:12
Titel
|
|
|
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
|
|
|
|
|
grafikschneiderlein
Threadersteller
Dabei seit: 10.07.2006
Ort: -
Alter: 52
Geschlecht:
|
Verfasst Di 08.05.2007 12:27
Titel [gelöst] zentrierung per CSS: inhalt verschwindet links |
|
|
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 12:50, insgesamt 1-mal bearbeitet
|
|
|
|
|
theGRUNGEone
Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht:
|
Verfasst Di 08.05.2007 16:16
Titel
|
|
|
genau. weil sich das beides beißt,
musst du die position raus nehmen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS und zentrierung von z-index
DIV Sichtbarkeit / Zentrierung
(CSS) Zentrierung eines Klappmenus
(BARRIEREFREIHEIT) SWF zentrierung in HTML
XHTML und CSS, Zentrierung und Positionierung?
Problem bei Zentrierung eines DIV-Tags
|
|