Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

overflow-x

Rens - 03/04/2007 19:52
Crew algemeen		Hoi, Ik ben bezig met een website, en daarin gebruik ik een div met overflow-x. Die heeft een breedte van 95% van de parent-div. Als de tekst langer is dan die 95% zou er een scrollbar moeten komen, en de tekst niet afgekapt worden. Het is echter andersom, de tekst word afgekapt en er komt geen scrollbar. Op http://je-website.rensjuh.nl kun je zien wat ik bedoel. Iemand een oplossing?

17 antwoorden

Gesponsorde links

Stijn - 03/04/2007 20:01
PHP expert		php code - Bekijk de code zonder highlighting - Klap code in div { overflow: auto; } div { overflow: auto; }

Rens - 03/04/2007 20:02 (laatste wijziging 03/04/2007 20:28)
Crew algemeen		Noops... edit; Met <pre> werkt het wel... Kan het er door komen omdat er meerdere divs in staan? De highlight-code word gemaakt door GeSHi.

vinTage - 03/04/2007 20:40 (laatste wijziging 03/04/2007 20:41)
Nieuw lid		Je kan in geshi aangeven of het in de div moet blijven...ff in mn config kijken. brb edit: $geshi->set_header_type(GESHI_HEADER_DIV);

Rens - 03/04/2007 21:37 (laatste wijziging 04/04/2007 22:11)
Crew algemeen		Weet ik, heb ik ook gedaan. Maar daardoor gaat de overflow-x dus juist niet werken. Doe ik het met GESHI_HEADER_PRE werkt de overflow-x wel, maar is het niet meer valid xhtml...

vinTage - 04/04/2007 22:49 (laatste wijziging 04/04/2007 22:50)
Nieuw lid		Geen idee hoor, maar wat doet hij als je GESHI_HEADER_NONE gebruikt ?

Rens - 04/04/2007 22:57
Crew algemeen		Dan werkt de overflow ook niet, maar het hoort wel te kunnen, een overflow in een <ol> tag...:s

xSc - 05/04/2007 13:58
Onbekend		Heeft je parentdiv wel een breedte?

Rens - 05/04/2007 18:41
Crew algemeen		Ja...

ThAlmighty - 05/04/2007 22:31
HTML beginner		dat probleem heb ik ook, IE6 en FF doen het wel, IE 7 niet meer

Rens - 05/04/2007 23:36 (laatste wijziging 07/04/2007 18:07)
Crew algemeen		Bij mij werkt het in geen browser

JBke - 07/04/2007 19:00
PHP gevorderde		Krijg het niet ok in xhtml valid, inderdaad met GESHI_HEADER_PRE is het niet meer xhtml valid. Als je de oplossing vind Rens kan je hem posten?? Grtz.

vinTage - 07/04/2007 19:47

Nieuw lid

http://84.197.171.146:5151/test.php

peanuts toch, of heb ik iets niet goed begrepen ?

php code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>voorbeeld</title>

<style type="text/css">
<!--
#main {
	height: 300px;
	width: 400px;
	border: thin solid #000000;
}

#code_container {
	border: 1px solid #00FF00;
	height: 200px;
	width: 95%;
	overflow: auto;
	position: relative;
}
-->
</style>
</head>
<body>
 
<div id="main">
  <div id="code_container">
    <strong>code</strong><br />
<?
include_once('geshi/geshi.php');

$tekst = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>voorbeeld</title>';

$language = 'php';
$geshi =& new GeSHi($tekst, $language);
//$geshi->set_header_type(GESHI_HEADER_DIV);
echo $geshi->parse_code();
?>

  </div>
</div>
<p>
  <a href="http://validator.w3.org/check?uri=referer"><img
  src="http://www.w3.org/Icons/valid-xhtml10"
  alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>voorbeeld</title>
 
<style type="text/css">
<!--
#main {
	height: 300px;
	width: 400px;
	border: thin solid #000000;
}
 
#code_container {
	border: 1px solid #00FF00;
	height: 200px;
	width: 95%;
	overflow: auto;
	position: relative;
}
-->
</style>
</head>
<body>
 
<div id="main">
  <div id="code_container">
    <strong>code</strong><br />
<?
include_once('geshi/geshi.php');
 
$tekst = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>voorbeeld</title>';
 
$language = 'php';
$geshi =& new GeSHi($tekst, $language);
//$geshi->set_header_type(GESHI_HEADER_DIV);
echo $geshi->parse_code();
?>
 
  </div>
</div>
<p>
  <a href="http://validator.w3.org/check?uri=referer"><img
  src="http://www.w3.org/Icons/valid-xhtml10"
  alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
 
</body>
</html>

Rens - 08/04/2007 01:02
Crew algemeen		Gebruik eens linenumbers, dan is ie niet meer valid...

vinTage - 08/04/2007 01:10 (laatste wijziging 08/04/2007 01:11)
Nieuw lid		http://84.197.171.146:5151/test.php $geshi->set_header_type(GESHI_HEADER_DIV); $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);

Rens - 08/04/2007 01:23

Crew algemeen

Shit hé, krijg het bij mij echt niet werkend

Die code van jou werkt perfect, maar zo gauw ik het er bij mij ingooi werkt het niet meer

Zal wel iets simpels over het hoofd zien of zo?

php code - Bekijk de code zonder highlighting - Klap code in

	function backupCode($sLang, $sCode)
	{
		$oGeshi =& new GeSHi(str_replace('\"', '"', $sCode), $sLang);
		$oGeshi->set_header_type(GESHI_HEADER_DIV);
		$oGeshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
		//$oGeshi->set_link_styles(GESHI_LINK, "geshiHover");
		$iBlock = count($this->aCodes);
		$this->aCodes[$iBlock] = $oGeshi->parse_code();

		return '[code]'.$iBlock.'

function backupCode($sLang, $sCode)
	{
		$oGeshi =& new GeSHi(str_replace('\"', '"', $sCode), $sLang);
		$oGeshi->set_header_type(GESHI_HEADER_DIV);
		$oGeshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
		//$oGeshi->set_link_styles(GESHI_LINK, "geshiHover");
		$iBlock = count($this->aCodes);
		$this->aCodes[$iBlock] = $oGeshi->parse_code();
 
		return '[code]'.$iBlock.'

';
}

function restoreCode($iBlock)
{
return '<div class="main"><div class="code_container">'.str_replace(array(" code", " /code"), array("code", "/code"), $this->aCodes[$iBlock]).'</div></div>';
}[/code]

php code - Bekijk de code zonder highlighting - Klap code in

                div.main
{
  height: 300px;
  width: 400px;
  border: thin solid #000000;
}

div.code_container
{
  border: 1px solid #00FF00;
  height: 200px;
  width: 95%;
  overflow: auto;
  position: relative;
}
            
div.main
{
  height: 300px;
  width: 400px;
  border: thin solid #000000;
}
 
div.code_container
{
  border: 1px solid #00FF00;
  height: 200px;
  width: 95%;
  overflow: auto;
  position: relative;
}
 

Zie hier het resultaat:
http://86.80.53.250/jw2/

:s

vinTage - 08/04/2007 01:31
Nieuw lid		Da is toch valid

Rens - 08/04/2007 01:32 (laatste wijziging 11/04/2007 22:15)
Crew algemeen		Ja, dat wel. Maar zie je die scrollbar? Daar moet een horizontale komen, zodat elke regel maar 1 regel bevat en niet meerdere...

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten