Jump to content

noobie - paragraph and text issue


huz
 Share

Recommended Posts

Hi there, I'm new in this community and in the world of CSS web developing.I do some works for fun and now I have a little problem with paragraphs and text.I attach two images, respectively with FF and IE6.ffparagraphissue5dm.th.pngieparagraphissue1vp.th.pngthen the code:please will be patient, it is my first work :) also this is a part of a template for a blog, so I decided to use an internal CSS.Thank you!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>post</title><style type="text/css">a:link, a:visited { text-decoration: none; color: #990000; }A:hover { text-decoration: underline; color: #990000; }span.left {text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #333333}span.center {text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #333333}span.right {text-align: right;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #333333}p.justify {text-align: justify;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small}p.center {text-align:center;color:#333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: small}body {background-color:#B0B0B0; margin-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666666}#postbox { width: auto; height: auto; position:relative;margin: 0px auto;background-color:#CCCCCC; border: #990000 thin solid}#posttitle {width: 100%; height:14px; position: relative;background: #999999; }#posthead1 {width:35%; height:14px; position:absolute;left: 0px; top: 0px; padding-left: 1%; border-bottom: #990000 thin solid;}#posthead2 {width:34%; height:14px; position:absolute;left:33%; top: 0px; z-index: 1; border-bottom: #990000 thin solid;}#posthead3 {width:35%; height:14px; position:absolute;left: 64%; top: 0px; padding-right: 1%; border-bottom: #990000 thin solid;}#postfoot1 {width: 49%; height:14px; position:absolute; padding-left: 1%; border-top: #990000 solid thin; bottom: 0px}#postfoot2 {width: 49%; height:14px; position:absolute; left: 50%; padding-right: 1%; border-top: #990000 solid thin; bottom:0px}#testo { width: auto; height: auto; position:relative;margin: 5px 5px 5px 5px; padding: 5px; border: #000000 thin solid;}</style></head><body><p></p><div id="postbox"><!-- testa del post, titolo data e categoria --><div id="posttitle"><span id="posthead1" class="left"><b>--titolo--</b></span><span id="posthead2" class="center"><a href="--permalink--">--data--</a></span><span id="posthead3" class="right">--categoria--</span></div><!-- fine testa post. inizio corpo del post --><div id="testo"><p>123456789012345678901234567890123456789012345678901234567890--post--123456789012345678901234567890123456789012345678901234567890</p></div><!-- fine post. inizio footer del post con autore e commenti --><div id="posttitle"><span id="postfoot1" class="left"><b>--author-- ~</b></span><span id="postfoot2" class="right">--commenti--</span></div></div></body></html>

Link to comment
Share on other sites

hi :) simply I want that the text fills out all the box (limited with the black border), so the text have to start from left and finish to right NEAR the border.a normal text paragraph.here I have two bad situations:In FF the text goes out...In IE6 the text returns down in proximity of the middle.I have tryed to use also specified width!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...