• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Shoutbox mit php include einbinden

Status
Für weitere Antworten geschlossen.

Teela

Mitglied
Waagrechte Scrollbar bei Shoutbox ausblenden

Hallo zusammen!

Mir wurde gesagt, dass man keine iframes verwenden soll,
daher versuche ich nun, meine shoutbox mit php include einzubinden,

Ich hab, um die Größe zu regulieren,
das include in ein div (id="shoutbox") gepackt,
welches die Größenangaben hat.

Nur blöderweise wird die Shoutbox komplett angezeigt,
die Höhenabgabe wird völlig ignoriert.

http://www.anime4ever.info/test.php
Da seht ihr es selber

<div class="sb">
<div id="shoutbox"><?php include("http://www.anime4ever.info/php/shoutbox.php") ?></div>
</div>

Hier der CSS-Code:

Code:
div.sb #shoutbox {
margin: 0 0 0 8px;
height: 350px;
width: 142px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

Wie kriege ich es hin, dass die Shoutbox in einem Anzeigebereich von 350px Höhe mit Scrollbar angezeigt wird?

Hoffe, mir kann jemand weiterhelfen
Teela
 
Zuletzt bearbeitet:
Füge dem CSS-Element mal noch folgendes hinzu:
HTML:
overflow:auto;
bzw. wenn es wirklich in allen Browsern angezeigt werden soll (mac), mach es wie folgt:
HTML:
overflow:scroll;
 
Vielen Dank, genau daran hat es gelegen ^^

EDIT: Ein Problem tut sich da aber doch noch auf,
wie bekomme ich die Scrollbar unten weg?
Die ist sogar transparent da, wenn nix gescrollt wird...

Sry wegen dem Doppelpost,
aber ich warte jetzt seit beinahe 5 Monaten auf eine Antwort...

Weiß es wirklich niemand?

Hier nochmal den aktuellen Code:

Seite: http://www.anime4ever.info/

Code:
<div id="shoutbox">
<?php include("http://anime4ever.info/php/shoutbox.php") ?>
</div>

CSS-Datei:

Code:
#shoutbox {
margin: 0 0 0 8px;
height: 350px;
width: 142px;
font-weight: normal;
overflow: scroll;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}

Die waagrechte Scrollbar ist unnötig und soll ausgeblendet werden...
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben