473,594 Members | 2,713 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

IE6 vs FF horizontal placement issue

3 New Member
OK, I have my dynamic script stripped down to show you my problem. I've tried fixing it anyway I can between IE6 and FF, so the CSS might be a bit bloated now with unnecessary elements.

The code is hosted on my lan but I put it out on:

http://www.welovetodd.com/test.html

It renders 'correctly' in FF with the text to the left, in a right justified div, and the green block should be in a left justfied div just the the right of it. If FF this works, in IE the div containing the green box is drawn just underneath the text. You'll see if you check it out in both browsers.

The CSS is at:

http://www.welovetodd.com/mainStyleSheet.css

Thanks for your help!

JT
May 31 '07 #1
4 1738
thejam
3 New Member
I figure I'll just post the code for ya.

test.html -
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5. <title></title>
  6. <link rel="stylesheet" type="text/css" href="mainStyleSheet.css">
  7. <meta http-equiv='Refresh' content='9999999'>
  8. </head>
  9. <body>
  10.  
  11. <div class="lineItem">
  12.     <div class="lineItemTitle">
  13.         <a href="groupView.php?gid=1">FANMedia</a>&nbsp;&nbsp;&nbsp;&nbsp;
  14.     </div>
  15.     <div class="lineItemMonitors">
  16.         <div id="monitor36" style="display: inline; width: 2px; position: relative;">
  17.           <span class="greenDot" onmouseover="return escape('monitor<br/>Last Ran at 2007-05-31 20:20:00.000')">&nbsp;</span>
  18.         </div>
  19.     </div>
  20. </div>
  21.  
  22. </body>
  23. </html>
mainStyleSheet. css -
Expand|Select|Wrap|Line Numbers
  1. body
  2. {
  3.  
  4.   font-family:Tahoma,Arial,Helvetica,sans-serif;
  5.   background-color:white;
  6.  
  7. }
  8.  
  9. div.lineItem
  10. {
  11.   cursor:default;
  12.   position:relative;
  13.   padding:5px;  
  14.   width:100%;
  15.   clear:both;
  16. }
  17.  
  18. div.lineItemTitle
  19. {
  20.   display:table-cell; 
  21.   display:inline-block;
  22.   position:relative;
  23.   width:165px;
  24.   text-align:right;
  25.   font-size:16px;
  26.   font-weight:bold;
  27.   clear:both;
  28. }
  29.  
  30. div.lineItemMonitors
  31. {
  32.   display:table-cell; 
  33.   display:inline-block;
  34.   position:relative;
  35.   font-size:11px;
  36.   clear:both;
  37. }
  38.  
  39. span.greenDot
  40. {
  41.   left:2px;
  42.   border:none;
  43.   background-color:green;
  44. }
  45.  
  46. span.redDot
  47. {
  48.   left:2px;
  49.   border:none;
  50.   background-color:red;
  51. }
  52.  
  53. td
  54. {
  55.   background-color: #F8F8FF;
  56.   border: none;
  57.   border-width: 1px;
  58.   border-color: black;
  59.   padding: 4px;
  60.   margin: 0px;
  61. }
  62.  
  63. td.monitor
  64. {
  65.   width: 22px;
  66.   text-align: center;
  67. }
  68.  
  69. td.status
  70. {
  71.   width: 100px;
  72. }
  73.  
  74. td.name
  75. {
  76.   width: 295px;
  77. }
  78.  
  79. td.refresh
  80. {
  81.   width: 75px;
  82. }
  83.  
  84. td.updated
  85. {
  86.   width: 200px;
  87. }
May 31 '07 #2
drhowarddrfine
7,435 Recognized Expert Expert
I'll be gone for a few hours but IE tends to add margins and padding where there is none. Check your widths. If it's, say 800px wide, and everything adds up to 800, then IE is probably throwing a few more px in for you.
May 31 '07 #3
thejam
3 New Member
I'll be gone for a few hours but IE tends to add margins and padding where there is none. Check your widths. If it's, say 800px wide, and everything adds up to 800, then IE is probably throwing a few more px in for you.
The container div (lineItem) is set to 100% width. The two divs contained within (lineItemTitle and lineItemMonitor s) should be horizontal each other. One does have a width of 165px, but the other has no width specified. With the parent element set to 100% width, how would width affect it even in IE?

I thought that was it at first too...

Expand|Select|Wrap|Line Numbers
  1. div.lineItem
  2. {
  3.   cursor:default;
  4.   position:relative;
  5.   padding:5px; 
  6.   width:100%;
  7.   clear:both;
  8. }
  9.  
  10. div.lineItemTitle
  11. {
  12.   display:table-cell;
  13.   display:inline-block;
  14.   position:relative;
  15.   width:165px;
  16.   text-align:right;
  17.   font-size:16px;
  18.   font-weight:bold;
  19.   clear:both;
  20. }
  21.  
  22. div.lineItemMonitors
  23. {
  24.   display:table-cell;
  25.   display:inline-block;
  26.   position:relative;
  27.   font-size:11px;
  28.   clear:both;
  29. }
May 31 '07 #4
drhowarddrfine
7,435 Recognized Expert Expert
display:table-cell does not work in IE, only modern browsers like FF.
display:inline-block is also iffy in IE.

You are using 'clear:both' but that property is only related to floated elements which you aren't using.

With that in mind, I would re-think this. I'm wondering if you are trying to make this page layout act like a table.
May 31 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

23
4455
by: Giancarlo Niccolai | last post by:
Hello all. I have peeked through the FAQ and all relevant links, and also through Stroustrup book, but I have not been able to find an answer, so I have to post here as a last resort. It makes sense that if you have virtual destructors, they are eventually used in the explicit destructor call when using the placement new semantic: class A {
20
4133
by: Ioannis Vranos | last post by:
When we use the standard placement new operator provided in <new>, and not a definition of owr own, isn't a call to placement delete enough? Consider the code: #include <new>
2
3813
by: Doug Carter | last post by:
I'm using a horizontal scroll bar control to represent teh default values of MIn 0 to Max 100. I assign the current value of the horizontal control to a label control.Text string but when the horizontal scroll bar reaches the max limit the value indicated is only 91? Changing the big step value to 1 solves the issue but I want to be able to take big steps without writing side effect code to do so. Any suggestions?
14
4956
by: Kevin | last post by:
A couple of easy questions here hopefully. I've been working on two different database projects which make use of multiple forms. 1. Where's the best/recommended placement for command buttons for things like delete, save, edit, cancel buttons - in the footer, or on the form detail section? 2. If in the footer, how do you add them to the tab order?
15
4645
by: mangesh | last post by:
This code is from c++ faq in section 11 : void someCode() { char memory; void* p = memory; Fred* f = new(p) Fred(); f->~Fred(); // Explicitly call the destructor for the placed object }
5
5824
by: Lagarde Sébastien | last post by:
Hello, I write code to debug new call with following macro: #define new (MemoryManager::Get().setOwner (__FILE__, __LINE__, _FUNCTION-), FALSE) ? NULL : new The setOwner allow to save the current file, line and function: setOwner(const char *file, const u32 line, const char *func) {
15
5003
by: LuB | last post by:
I am constantly creating and destroying a singular object used within a class I wrote. To save a bit of time, I am considering using 'placement new'. I guess we could also debate this decision - but for the sake of this post ... I'm searching for an answer that assumes said decision. If I allocate memory in the class declaration: char buffer;
9
3279
by: karthikbalaguru | last post by:
Hi, I find that articles stating that 'placement new' constructs an object on a pre-allocated buffer and so takes less time. Actually, we have to consider the allocation of the buffer and then the construction of object using 'placement new'. So, Effectively it should be taking more time . What do you think ? I think,
6
3621
by: sparc | last post by:
Hi Guys, I am encountering the following issue : void* pMemory = m_Allocator.allocate( uiSize * sizeof( T ) ); m_atData = new( pMemory ) T; Debug.vc8.scurc.exe!`eh vector constructor iterator'(void * ptr=0x00514b9c, unsigned int size=12, int count=12, void (void *)* pCtor=0x00414537, void (void *)* pDtor=0x00414523) + 0x5e bytes C++
19
3669
by: Jim | last post by:
Hi, I have two questions/problems pertaining to CSS horizontal dropdown menus and am hoping that someone here can help me out. (1) I'm having a problem centering the menu. I picked up the code for this from a tutorial but that menu was flush-left justified. Not what I want. Subsequent searches on google on how to center yielded a
0
7946
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8372
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8003
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8234
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
6654
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
5739
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
3859
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
2385
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1478
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.