problema pozitionare text

#1
klm_blood

Posted 21 March 2009 - 15:56

Member

Grup: Members
Posts: 257
Înscris: 19.01.2007

Am urmatorul CSS

html, body {
      margin: 0px;
      padding: 0px;
      background-color: #ffffff;
      }

      #wrapper {
      position: relative;
      margin: 0px auto 0px auto;
      width: 733px;
      }

      #header {
      float: left;
      width: 733px;
      height: 198px;
      background-image: url("img/header.gif")
      }

      #menu {
      float: left;
      width: 733px;
      height: 62px;
      background-image: url("img/menu.gif")
      }

      #content {
      float: left;
      width: 733px;
      background-image: url("img/textura.gif")
      }

      #footer {
      float: left;
      width: 733px;
      height: 138px;
      background-image : url("img/footer.gif");
      }

      p.pos_right {
      position:absolute;
      left:13%;
      right:13%;
      }


si urmatorul cod html

<!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" xml:lang="ro" lang="ro"> 
			 <head>
				 <title></title>
				 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
				 <meta http-equiv="Content-Type" content="text/html" />
				 <meta http-equiv="Content-Language" content="ro" />
				 <meta name="Keywords" content="" />
				 <meta name="Description" content="" />
				 <meta name="Author" content="" />
				 <meta name="Owner" content="" />
				 <meta name="Copyright" content="" />
				 <meta name="Robots" content="index,follow, all" />
				 <link rel="stylesheet" type="text/css" href="stylesheet.css" />
			 </head>
			 
			 <body>
			 
				 <div id="wrapper">
					 <div id="header">
			 
			 <object type="application/x-shockwave-flash" data="js/header.swf" width="733" height="198">
			 <param name="movie" value="js/header.swf" />
			 </object>
			 
					 </div>
			 
					 <div id="menu">
					 </div>
					 
					 <div id="content">
					 <p class="pos_right">
					 
			 Lorem ipsum ne nominavi qualisque consequat vix, odio docendi menandri an eam. Detracto offendit cotidieque ut eum, simul ubique verterem te nec, ut nisl omnes laboramus eum. No reque veniam mei, mel facete diceret feugait eu. Eu solum scripta oportere sea, sea ut offendit aliquando, cu nam alia debet detraxit. Per ad ancillae menandri iracundia, vel in virtute debitis sensibus.
			 
			 
			 
			 Ut decore fabellas intellegat qui. Mei ut stet saperet mandamus, eius choro tibique eu cum, ut aperiam sanctus probatus usu. Quem mazim nihil est id, pro eu eius admodum blandit, mel ut facilisis persequeris. Ex eum quis wisi repudiandae, mei an alia altera aliquyam. Eu cum pertinax disputationi. Sit ne delicata indoctum suavitate, id esse omnis dicat usu.
			 
					 </p>
					 </div>
					 <div id="footer">
					 </div>
				 </div>
				 
			 </body>
			 </html>

Problema este ca atunci cand scriu ce am pus cu rosu imi dispare imaginea de background de la content.
Cum fac ca sa nu imi mai dispara imaginea de background fara sa scot aia cu rosu?
Am nevoie de ea pentru a-mi centra pe mijlocul content-ului (pe mijlocul content-ului nu site-ului) paragrafele.

Daca nu se poate, dati-mi niste alternative.

Multumesc anticipat.

Back to top

#2
Sterus

Posted 21 March 2009 - 16:53

Member

Grup: Members
Posts: 332
Înscris: 04.07.2007

sterge din css

p.pos_right {
position:absolute;
left:13%;
right:13%;
}

si inlocuieste in CSS content-ul cu ce iti dau eu

#content {
float: left;
width: 673px;
background-image: url("img/textura.gif")
padding: 20px 30px
}

sau daca nu, asa:

#content {
float: left;
width: 74%;
background-image: url("img/textura.gif");
padding: 13% 13%;
}

Edited by Sterus, 21 March 2009 - 17:16.

Back to top

#3
klm_blood

Posted 21 March 2009 - 18:27

Member

Grup: Members
Posts: 257
Înscris: 19.01.2007

am rezolvat problema. tot ce trebuia sa fac era sa pun un inner div cu urmatoarele atributii:

#text {
float: left;
padding: 0px 100px 0px 100px
}

Edited by klm_blood, 21 March 2009 - 18:27.

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

problema pozitionare text

#1 klm_blood Posted 21 March 2009 - 15:56

#2 Sterus Posted 21 March 2009 - 16:53

#3 klm_blood Posted 21 March 2009 - 18:27

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
klm_blood

Posted 21 March 2009 - 15:56

#2
Sterus

Posted 21 March 2009 - 16:53

#3
klm_blood

Posted 21 March 2009 - 18:27