2 replies [Last post]
nanacss
nanacss's picture
Offline
Enthusiast
Last seen: 6 years 50 weeks ago
Timezone: GMT+8
Joined: 2007-07-27
Posts: 107
Points: 22

hi,i have no idea why the text is break in IE6 and not sure what error is that, but firefox is fine!
i do not sure why my text break at (they break like "u" break "r" break ":" break "v" break ...)



i have 5 pages of website, and because i have text break problem at this page, then my "enter keywords" breaks too like the above "bbs_url".

i wish somebody who knows could help me out or tell me the reason, i would really appreciate it. thanks in advance!

i deleted the extra html and css left only the main part.

html:



Untitled Document













:: BBS



2002-12-23

TET



This past summer, Thirty-four artists from various international cities and backgrounds were invited to create one of a kind sets of slip. backgrounds were invited to create one of a kind sets of slip to create. This past summer, Thirty-four artists from various international cities and backgrounds were invited to create one of a kind sets of slip. backgrounds were invited to create one of a kind sets of slip to create. This past summer, Thirty-four artists from various international cities and backgrounds were invited to create one of a kind sets of slip. backgrounds were invited to create one of a kind sets of slip to create.








2002-12-23

TET



This past summer.

url: n/a

email: n/a








css:

/* Body
---------------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body {
font-size: 11px;
font-family: Arial;
color: #000066;
background: #ffffff url(../images/common/bg.gif) repeat-y;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Page Body
---------------------------------------------------------------------- */
#pagebody {
width: 700px;
padding-left: 10px;
}
#pagebody:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

/* Content
---------------------------------------------------------------------- */
#content {
display: inline;
margin-top: 20px;
margin-bottom: 30px;
float: right;
width: 520px;
padding: 0 0 0 20px;
border-left: 1px solid #000066;
}
#content h1 {
margin: 0;
padding-left: 10px;
padding-top: 3px;
height: 17px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: #000066 url(../images/common/title_bar.gif) no-repeat;
}

/* BBS
------------------------------------------------------- */
.bbs_box {
padding: 0 0 10px 0;
margin-top: 10px;
width: 520px;
border-width: 1px;
border-color: #000066;
border-style: none none dotted none;
}
.bbs_box p {
color: red;
padding-bottom: 5px;
font-size: 10px;
}
.bbs_date {
margin-right: 10px;
margin-bottom: 10px;
float: left;
padding-left: 24px;
font-weight: bold;
font-size: 12px;
background: url(../images/common/clock_icon_s.gif) left center no-repeat;
}
.bbs_name {
float: left;
margin-bottom: 10px;
padding-left: 21px;
font-weight: bold;
font-size: 12px;
background: url(../images/common/name_icon_s.gif) left center no-repeat;
}
.bbs_img {
clear: both;
float: left;
margin-right: 10px;

border: 1px solid #000066;
}
.bbs_msg {
margin-bottom: 5px;
float: left;
width: 450px;
line-height: 1;
overflow: hidden;
}
.bbs_url {
clear: both;
display: inline;
float: left;
margin-left: 60px;
padding-left: 26px;
color: #999999;
background: url(../images/common/link_icon_s.gif) left center no-repeat;
}
.bbs_url a {
color: #999999;
}
.bbs_url a:hover {
color: #ff6666;
}
.bbs_email {
float: right;
padding-left: 23px;
color: #999999;
background: url(../images/common/email_icon_s.gif) left center no-repeat;
}
.bbs_email a {
color: #999999;
}
.bbs_email a:hover {
color: #ff6666;
}
#bbs_form_box1 {
float: left;
height: 110px;
margin: 0;
}
#bbs_form_box2 {
float: right;
height: 110px;
margin: 0;
}
.bbs_form_box3 {
float: left;
margin-top: 10px;
margin-right: 8px;
}

/* Navigation
---------------------------------------------------------------------- */
#nav {
margin-top: 10px;
float: left;
padding: 0;
width: 140px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav li {
margin: 0;
padding: 10px 0;
border-bottom: 1px dotted #000066;
font-size: 12px;
font-weight: bold;
}
#nav span, #nav a {
display: block;
line-height: 1.4;
padding: 0 0 0 10px;
border-left-width: 5px;
border-left-style: solid;
}
#nav span {
border-left-color: #ff6666;
color: #ff6666;
}
#nav a {
border-left-color: #000066;
text-decoration: none;
color: #000066;
}
#nav a:hover {
border-left-color: #ff6666;
color: #ff6666;
}
.nav_special {
font-size: 9px;
font-weight: normal;
}

/* Form Stuffs
------------------------------------------------------- */
form {
margin: 0;
}
input, select, textarea {
border-style: solid;
border-width: 1px;
border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
color: #999999;
background: #f1f1ed;
}
#search_box {
margin: 10px 0 10px 0;
background: url(../images/common/search_icon_s.gif) left top no-repeat;
}

/* Width settings of input parts
------------------------------------------------------- */
#search_input {
float: right;
width: 115px;
}

/* Transmission button
------------------------------------------------------- */
#submit_search p {
float: left;
margin-top: 10px;
color: #999999;
font-size: 10px;
}
#submit_search input {
margin-top: 8px;
float: right;
border-width: 1px;
border-color:#dfdfd6 #aaaa94 #aaaa94 #dfdfd6;
width: 5em;
color: #999999;
font-size: 10px;
background: #dfdfdf;
}

just in case you wanna click on the link, this is the problem link:
http://www.nanaku4design.com/problem/bbs.html

once again! thanks!!!

真诚清静平等真觉慈悲,看破放下自在随缘念佛。
name: WEN YU
my blog: http://webwhalenews.com
my collection: http://gtoystage.com

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 9 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Give it a width. IE doesn't

Give it a width. IE doesn't like floats on non-replaced elements(*) to not have a width. It'll then assume a very small width. You have word-wrap set to break-word, so IE has set the width to a single letter.

(*) Non-replaced = text. Replaced elements are images, objects and form controls. IE will make the float sufficient size to hold these.

nanacss
nanacss's picture
Offline
Enthusiast
Last seen: 6 years 50 weeks ago
Timezone: GMT+8
Joined: 2007-07-27
Posts: 107
Points: 22

i see. thank you very

i see. thank you very much!!!
it looks perfect now!!!!!
once again thankssssss!!! ^^

真诚清静平等真觉慈悲,看破放下自在随缘念佛。
name: WEN YU
my blog: http://webwhalenews.com
my collection: http://gtoystage.com