hi there!

i want to position some DIVs with "position:absolute", but when i insert this into a node like

<div id="contact_element">
blalala<br />
blalala blalala<br />
blalala blalala blalala<br />
<br />
T 223434523464452344-23445353<br />
F 2234234 532344-213453423434<br />
<br />
blalala@blalala.com<br />
www.blalala.com<br />
</div>

with input format FULL HTML selected it breaks me every line of text into a list of words.

why is that?

thanx!

Comments

headkit’s picture

headkit commented

uh, I did not mention that this problem only appears in IE7.

Anonymous’s picture

Anonymous (not verified) commented
Component: Code » Miscellaneous
Category: bug » support

Ok, the bug is not coming from Basic, but from IE. Internet Explorer is extremely picky with css, and it sometimes take times to figure out why it's not working.

First of all, contact information is more likely to be coded using a definition list, like this :

<p>To contact us, you can blablabla...</p>
<dl>
  <dt>T</dt>
  <dd>223434523464452344-23445353</dd>
  <dt>F</dt>
  <dd>223434523464452344-23445353</dd>
  <dt>email</dt>
  <dd>blalala@blalala.com</dd>
  <dt>Web</dt>
  <dd>blalala.com</dd>
</dl>

Most of the time, before trying anything else, I try to apply the Holly Hack on the element causing problems:

#contact_element{
  height: 1%;
}

If it's still causing problem, you can give (or re-give) the dimensions to the element again

#contact_element{
  height: 1%;
  width: ...px;
}

There is no perfect recipe to debugg IE, you basically just entered a whole new dimension of CSS. Just make sure that the HTML outputted is correct, that your css is correct and working in firefox3, and then you'll know that the problem is coming from IE.

Some usefull links :
http://www.positioniseverything.net/
http://www.communitymx.com/content/article.cfm?cid=C37E0

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Fixed

fixed I guess..

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.