ugrás a tartalomhoz

Furcsa CSS problema

zoliky · 2007. Jún. 6. (Sze), 16.42
Irtam egy HTML oldalt (a HEAD reszben talalhato a CSS kod):
<!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>Untitled Document</title>
<style type="text/css">
#page {
	width: 700px;
	margin: 0 auto;
}


#main {
	width: 500px;
	overflow-x: hidden;
}

</style>
</head>

<body>
<div id="page">
	<div id="main">
	<a href="http://webldsjfhjsdhjhgjhdfjkhgjkdfhsjgkhjkghsdjkhgjksdhjkghdjkfshgjkhdfsjkghjkdfhgjkhdfjkghjkdfhgkjdhfsjkghdfjkhgjkdfhkghsd.com">http://webldsjfhjsdhjhgjhdfjkhgjkdfhsjgkhjkghsdjkhgjksdhjkghdjkfshgjkhdfsjkghjkdfhgjkhdfjkghjkdfhgkjdhfsjkghdfjkhgjkdfhkghsd.com</a>
	Much much text ... More than A4 paper.
	Much much text ... More than A4 paper.
	Much much text ... More than A4 paper.
	Much much text ... More than A4 paper.
	......
        ......
</div>
</div>

</body>
</html>
A hosszu link kifut az oldalbol, ezert hasznalom az "overflow-x: hidden;" CSS parancsot.

Igy nez ki az oldal "overflow-x: hidden;" nelkul: http://img178.imageshack.us/img178/7489/beforeox4.jpg
Igy nez ki az oldal "overflow-x: hidden;" hasznalataval: http://img178.imageshack.us/img178/8748/afterbm0.jpg

A masodik varians a legjobb, mert levagja a hosszu linket. A problema amely igazan idegesit az, hogy amikor Firefox bongeszoben a lapnak Print Preview-ot adok a szoveg kifut az oldalbol. Ez csak akkor tortenik ha "overflow-x: hidden;" be van kapcsolva.

Probaltam utana nezni a problemanak de nem talaltam semmi leirast. Korubelul igy nez ki a hiba: http://img215.imageshack.us/img215/793/printkj4.jpg

Ha valaki tudna segiteni nagyon orulnek, mert semmi otletem nincs.

Elore is koszonom!
‹ link visited állapotba hozása JavaSricttel Firefox core javascript bug: instanceof,isPrototypeOf ›
 ■
1

media tulajdonság

gex · 2007. Jún. 6. (Sze), 16.51
a style tag media attribútumában be tudod állítani, hogy az overflow-x csak a képernyőn való megjelenésre legyen hatással. ha tényleg az zavar be a nyomtatásnál, ez segíteni fog.
2

Koszonom

zoliky · 2007. Jún. 6. (Sze), 17.11
Huuu, ez tenyleg igaz. Koszonom szepen a segitseget ! Azt hiszem most mar mukodni fog.

uto.i. most latom, hogy a weblabor is valami hasonlo modszert hasznal.