Scrollbalken nicht sichtbar

Sandra1986

Hallo,

hoffe mir kann jemand helfen und den Fehler finden...sitze schon stundenlang und bekomme es nicht hin....
die Scrollbalken sind auf der Seite leider nicht sichtbar und ich frage mich warum.....

Hier das Style-Sheet:

Zitat

html, * {
padding:0;
margin:0;
}

body {
background-color: #cac2c2;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#5f3737;
padding:0;
margin:0;
overflow: auto;
text-align: left;
}

#navi a:active, #navi a:visited, #navi a:link {
font-weight: bold;
font-size: 13px;
font-family: Verdana;
color:#5f3737;
text-decoration:none;
}

#navi a:hover {
font-weight: bold;
font-size: 13px;
font-family: Verdana;
color:#ffffff;
background-color: #5f3737;
}

a:active, a:visited, a:link {
font-weight: bold;
font-size: 12px;
font-family: Verdana;
color:#5f3737;
text-decoration:none;
}

a:hover {
font-weight: bold;
font-size: 12px;
font-family: Verdana;
text-decoration:underline;
}

#container {
background-color: #e6e1d6;
border:0px solid #ffffff;
width: 951px;
height: 575px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 0;
text-align: left;
}

#header {
position: absolute;
background-color: #4c607e;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
margin-left: 50px;
width: 650px;
height: 100px;
}

#navi {
position: absolute;
background-color: #cab8b8;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin-top: 101px;
margin-left: 50px;
width: 650px;
height: 20px;
}

#content {
position: absolute;
background-color: #e8dcdc;
border-left: 1px solid #ffffff;
margin-top: 102px;
margin-left: 0px;
width: 650px;
height: 440px;
padding-top: 30px;
padding-left: 65px;
overflow: auto;
}

#left {
background: url(leftpic.jpg) no-repeat;
position: absolute;
background-color: #E6E6FA;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
margin-left: 0px;
width: 50px;
height: 575px;
}

#side {
background: url(leftpic.jpg) no-repeat;
position: absolute;
background-color: #E6E6FA;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin-left: 700px;
width: 250px;
height: 575px;
}

#footer {
position: absolute;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
background-color: #cab8b8;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin-top: 559px;
margin-left: 51px;
width: 649px;
height: 16px;
}

Alles anzeigen

Habt ihr eine Idee, oder benötigt ihr noch Angaben von mir falls jemand so nett ist und sich das ansieht?

DANKE im Voraus!!!

liebe Grüße,

Sandra

driver

ähm... anhand der css kann man spontan rauslesen ob die scrollbalken
evtl farbig sein sollen (seh ich jetzt beim überfliegen aber nicht), um zu
sehen warum die scrollbar garnicht angezeigt wird, bräuchen wir evtl auch
nen link zu der seite....da reicht die css net so richtig.. (bzw ises sehr mühseelig)

Sandra1986

oh, sorry.....tschuldigung - ja hier der link:

http://www.charming-workaholics.com

jojo87

Hallo Sandra.

Dein Scrolbalken ist da.
Nimm mal bei #content den padding-left wert raus, dann wirst du sehen, dass er nur durch den rechten Container verdeckt war.

Gruß,
Jojo

Sandra1986

Mah, super danke!!!! Ich bin ein Depp

Jetzt pickt nur der Text links ganz am Rand....da muss ich mich wieder einlesen was ich da ändere.....bin ja erst am lernen
Oder hat wer einen schnellen Tipp?

sejuma

Das Problem dürfte folgendes sein:
Bei "overflow: auto;" tritt der Srollbalken erst dann in Erscheinung, wenn es auch zum "Überfluss" kommt, also wenn der Inhalt mehr Platz benötigt, als der Container groß ist.

Wird "overflow: scroll;" verwendet, ist der Scrollbalken von Anfang an sichtbar, auch wenn noch Platz ist und es nicht zum Overflow kommt.

jojo87

Sejuma, das mit dem Scrollbalken ist doch bereits gelöst.

@Sandra, vielleicht gibst du der Tabelle, die ja den Text beinhaltet, noch ein margin-left, um wieder einen Abstand nach links zu bekommen. Evtl. machst du den #content noch etwas schmaler.
Dafür, dass du gerade erst anfängts, sieht der Quelltext aber schon ganz gut aus

Gruß,
Jojo

Mah, ihr seid genial!!! DANKE!!!!

Danke auch Sejuma.....Du hast mir schon mit dem Gästebuch im anderen Forum so viele Infos gegeben!!! DANKE!! Leider sind da immer noch Fehler an denen ich noch arbeite.....aber es wird.....

Also mit Website tu' ich schon ca. 1 Jahr herum, aber das mit dem CSS ist seit ein paar Wochen ganz neu und da muss ich sicher noch seeehr viel lernen!!!

Wirklich vielen vielen Dank für die Tipps. Habe den Content jetzt ein wenig kleiner gemacht

Sandra1986

Sorry, ich noch einmal...
eines versteh' ich nur noch nicht.....

Der Scrollbalken ist okay, aber oben sehe ich die Pfeile nicht - nur unten....
und beim Gästebuch ist er im Explorer und Opera "eingerückt" rechts, also nicht ganz am Rand. Im Firefox ist alles okay...

Habt ihr da noch einen Tipp für mich?

jojo87

Dassselbe Problem. Durch die absoluten Positionierungen hast du zugelassen, dass sich die Boxen überlagern. Du wirst jetzt nicht drumrumkommen, etwas mit den Pixeln rumzuspielen.
Als genereller Tip: lösche alle margin und padding- werte und positioniere die divs neu, so dass sie sich nicht überlagern.
Dann setzt du die margin/padding werte neu, bis es dir wieder gefällt.
Je weniger padding du benutzt, desto mehr mag es auch der ie.
Schau aber vorerst auf die "guten" Browser, obs da ok ist. Danach fixem das ganze für den IE, evtl. mit conditional comments.

Sry, aber da wird etwas Arbeit auf dich zukommen, was sich aber später relativiert.
Gruß,
Jojo

Sandra1986

Okay....ja ist mir egal wenn Arbeit auf mich zukommt, soll ja auch so gut wie möglich sein

Ich hab' jetzt nur ein wenig das Problem - soll ich die position absolute auch wegnehmen? Und dann neu positionieren...bis jetzt ist alles total falsch verschachtelt wenn ich neu positioniere offline.....da muss ich wirklich noch viel ausprobieren
..und noch viel lesen über die Gestaltung mit CSS...

sejuma

Mensch Sandra,
du hast auf der GB-Seite immer noch die gleichen Fehler wie von Anfang an:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  	  			<html>
  	  			<head>
  	  			<title>CHARMING WORKAHOLICS</title>
  	  			<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  	  			<style type="text/css">


				<!--


					body {  font-family: Arial,Helvetica; font-size: 10pt}


					td {  font-family: Arial,Helvetica; font-size: 10pt}


					.captcha-image { float: left; }
				-->


				</style>


				<link rel="stylesheet" href="http://www.charming-workaholics.com/style.css" type="text/css"> 
  	  			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
<title>CHARMING WORKAHOLICS</title>
<link rel="stylesheet" type="text/css" href="http://www.charming-workaholics.com/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
  	  			</head>
  	  			<body bgcolor="#e6e1d6"   text="#5f3737" link="#5f3737" alink="#5f3737"  vlink="#5f3737"  marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
  	  			<body style="text-align:center;">

Alles anzeigen

Zeimal Doctype, zeimal html geöffnet, zweimal den body geöffnet, zweimal den head geöffnet und zweimal den head geschlossen - das kann so nicht funktionieren. Da muss ein Browser den Drehwurm bekommen. Ich hatte dir ja bei Friedel die Fehler erklärt.

jojo87
Dass der IE Probleme mit padding und margin hat, ist leider ein weit verbreitetes Märchen. Der kann das perfekt. Er braucht lediglich einen qualifizierten Doctype unter Angabe der Doctype-Definition, damit er das Boxmodell richtig darstellt.
http://www.carsten-protsch.de/zwischennetz/d…itung.html#full
Es gibt dann für spezielle Situationen noch vereinzelte Bugs, aber auch die lassen sich beheben.

Sandra1986

Ja Mensch ich habe immer noch die gleichen Fehler - das habe ich auch oben schon geschrieben!!!!
Das ist ein Gästebuch des Anbieters Feedbook und ich habe schon geschrieben ich kann "deren Doctype" und weitere Daten die bei dem Einbau AUTOMATISCH erstellt werden nicht ändern!!!! Das Gästebuch funktioniert ja einwandfrei trotz fehlerhaftem Quelltext. Das Gästebuch wird überall so "geschrieben" und es funktioniert...ich kann es nicht ändern.....wenn ich es könnte hätte ich es schon getan....

Und ich bin kein Profi und bin noch dran....
Das Gästebuch ist da jetzt aber nicht schuld dran denn bei meiner persönlichen Seite läuft trotz "fehlerhaften Gästebuchcode" ja alles bestens.....also selbst wenn ich das Gästebuch zB löschen würde wären die Scrollbalken auf dieser Seite hier von meiner Freundin trotzdem abgeschnitten....

sejuma

Sandra1986,

ich habe das mit dem Scrollbalken jetzt hinbekommen und einigs andere bereinigt.
Wenn du mir deine mail-Adresse per PN mitteilst, kann ich dir den Code schicken. Ist zu umfangreich, um hier alles zu erklären.

Scrollbalken nicht sichtbar

Tags

Benutzer online in diesem Thema