Furcsa CSS problema
Irtam egy HTML oldalt (a HEAD reszben talalhato a CSS kod):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!
■ - <!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>
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!
media tulajdonság
Koszonom
uto.i. most latom, hogy a weblabor is valami hasonlo modszert hasznal.