HighDots Forums  

displaced div in Internet Explorer

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss displaced div in Internet Explorer in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
tomasio
 
Posts: n/a

Default displaced div in Internet Explorer - 08-02-2006 , 06:03 AM






Dear NG-Readers,

I want to position a textbox (.kasten) to the right of my website, but
I need to have 1px of the background-image of the ancestor box
(.content) visible. So I calculated 270px for the textbox and 271px
for the background-image and gave .kasten a value of "margin-right:
1px;".

Firefox displays it as expected, but Internet Explorer pushes .kasten
one 1px too far to the left thus overlapping the background-image of
..content.

Can anybody give me a hint how to solve this case?

The example html file is here: http://tomasio.at/temp/leistungen.html

A Screenshot of the behaviour in Internet Explorer 6 on Windows XP is
here: http://tomasio.at/temp/textbox_displaced.gif

--
kind regards,
tomasio
"describing an issue reveals the way to solve it"

Reply With Quote
  #2  
Old   
Rik
 
Posts: n/a

Default Re: displaced div in Internet Explorer - 08-02-2006 , 09:53 AM






tomasio wrote:
Quote:
Dear NG-Readers,

I want to position a textbox (.kasten) to the right of my website, but
I need to have 1px of the background-image of the ancestor box
(.content) visible. So I calculated 270px for the textbox and 271px
for the background-image and gave .kasten a value of "margin-right:
1px;".

Firefox displays it as expected, but Internet Explorer pushes .kasten
one 1px too far to the left thus overlapping the background-image of
.content.

Can anybody give me a hint how to solve this case?

The example html file is here: http://tomasio.at/temp/leistungen.html

A Screenshot of the behaviour in Internet Explorer 6 on Windows XP is
here: http://tomasio.at/temp/textbox_displaced.gif

Double float margin bug:
http://www.positioniseverything.net/...ed-margin.html

Grtz,
--
Rik Wasmus




Reply With Quote
  #3  
Old   
tomasio
 
Posts: n/a

Default Re: displaced div in Internet Explorer - 08-02-2006 , 01:29 PM



"Rik" <luiheidsgoeroe (AT) hotmail (DOT) com> schrieb:

Quote:
tomasio wrote:
clipped

Double float margin bug:
http://www.positioniseverything.net/...ed-margin.html

Grtz,
Thank you Rik,

that solved the problem. at least after I managed to work around the
http://www.positioniseverything.net/...reepxtest.html.
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.