homepage Welcome to WebmasterWorld Guest from 54.204.215.209
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Accredited PayPal World Seller

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
text on send line in block starts earlier in IE6
rubenski




msg:3856719
 4:10 pm on Feb 24, 2009 (gmt 0)

Hello,
I'm doing some html&css atm and have a little problem with... IE6.
I am trying to display a list of divs each having a 2 blocks. first block displays current time. 2nd block displays a title.
When the title is longer than the divs space, it breaks, and continues on the next line.
The second line starts strangly a little more to the left than the first line of text. this only happens in IE6, not firefox.

I hope a little code can clarify:

<div id="headlines" class="border">
<div class="headline"><span class="older">Headline Headline Headline Headline</span></div>
<div class="headline">
<h3 title="Title Title Title Title Title Title Title Title Title Title Title Title Title Title">
<div class="tijd"><a href="http://example.com/archief-test/article658.ece/Title_Title_Title_Title_Title Title_Title_Title_Title_Title_Title_Title_Title_Title">10:40</a></div>
<div class="hl_txt"><a href="http://example.com/archief-test/article658.ece/Title_Title_Title_Title_Title Title_Title_Title_Title_Title_Title_Title_Title_Title">Title Title Title Title Title Title Title Title Title Title Title Title Title Title</a></div>

</h3>
</div>

<div class="headline">
<h3 title="Title Title Title Title Title Title Title Title Title Title Title Title Title Title">
<div class="tijd"><a href="http://example.com/archief-test/article658.ece/Title_Title_Title_Title_Title Title_Title_Title_Title_Title_Title_Title_Title_Title">10:40</a></div>
<div class="hl_txt"><a href="http://example.com/archief-test/article658.ece/Title_Title_Title_Title_Title Title_Title_Title_Title_Title_Title_Title_Title_Title">Title Title Title Title Title Title Title Title Title Title Title Title Title Title...</a></div>

</h3>
</div>

</div>

little part of the css which should put it all in place:

div.tijd{
float:left;
background-color:yellow;

}
div.hl_txt{
background-color:green;

margin-left: 30px;
display:block;
}
div.headline{
background-color:red;

}
div.headline>h3{
background-color:purple;
margin:0px;
}

[edited by: tedster at 8:03 pm (utc) on Feb. 24, 2009]
[edit reason] use example.com in code [/edit]

 

penders




msg:3857085
 11:01 pm on Feb 24, 2009 (gmt 0)

I've not yet tried your code but just noticed this line...
div.headline>h3{

IE6 does not support the child selector so this rule will not do anything in IE6 and the margin on the h3 will not be 0 (whereas it will in FF). (?)

swa66




msg:3857094
 11:22 pm on Feb 24, 2009 (gmt 0)

search for "3px jog" [google.com] ... one of the many well known IE bugs.

BTW: validate your code.

rubenski




msg:3857392
 12:11 pm on Feb 25, 2009 (gmt 0)

thanks a lot. it appears to be 3px jog bug

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved