Jump to content

noobie - paragraph and text issue

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 post
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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...