473,582 Members | 3,005 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

IE padding problem

110 New Member
hi all,
I have a DIV element for which a table is appended..
CSS for this div element is..
Expand|Select|Wrap|Line Numbers
  1. .optiondiv
  2. {
  3.     display:block;
  4.     padding: 0px 30px;
  5.     padding-left: 30px;
  6.     padding-right: 30px;
  7. }
  8.  
and CSS for table is
Expand|Select|Wrap|Line Numbers
  1. .headeroptions
  2. {
  3.      background-color: #8CB0D2;
  4.      font: 12px "Trebuchet MS", Verdana, Arial, Helvetica;
  5.      font-weight:bolder;
  6.      width: 100%;
  7.      padding: 0px 30px;
  8.      padding-left: 30px;
  9.      padding-right: 30px;
  10. }
  11.  
The problem is in FF it is displayed correctly with 30px on left and right side..
but in IE left 30px is there but in right side 30px is not working.. It spans beyond the visual screen with a horizontal scrollbar.

I couldnt get why this is happening. when we say padding-left and padding-right
the padding is with respect to current screen right?

plz help
Xoinki
Feb 23 '08 #1
3 3877
hsriat
1,654 Recognized Expert Top Contributor
Try this..

padding: 0px 30px 30px 30px;
Feb 23 '08 #2
xoinki
110 New Member
hi,
thnx for the reply.. I tried this. but still the same result. I am trying to find out padding-left and padding-right is padding with respect to the window screen or with respect to the parent div.. If i can find out this then my problem will be solved.
anybody knows about this?

thnx and regards.
xoinki
Feb 25 '08 #3
xoinki
110 New Member
hi,
I found the problem.. the structure is as follows..

<div1>
<div2>
<table>
here I had specified the padding for div1 and not for div2.. in FF the css for div1 is inherited to div2 and then to table.. but in IE this is not so..

Thanx and Regards,
Xoinki
Feb 25 '08 #4

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

Similar topics

1
5625
by: delerious | last post by:
Could someone please take a look at this page: http://home.comcast.net/~delerious1/index11.html The set of links on the left should not have any whitespace between them, and the set of links on the right should have one pixel of whitespace between them. That's how it looks in IE and Opera. But in Mozilla, a few of the links on the left...
2
19172
by: Knoxy | last post by:
Hello, I've noticed one or two people post on this before but nobody seems to have replied so raising the issue again... is this a known IE6 CSS bug? I have placed the following in my stylesheet file: ..formContentTable
7
8824
by: Gustaf Liljegren | last post by:
I continued on the example shown earlier today: http://gusgus.cn/test/index.html Now I get some unwanted space in Firefox (the red space just below the first image) which doesn't appear in IE6. I've double-checked the CSS for any padding or margings than may cause it, but have found none. How can I remove it? Thanks,
4
4282
by: Wilhelm Kutting | last post by:
hi, when i use the padding-left attribut, i like to overwrite a default value like that ..padding30 {margin-left: 30px;} ..padding0 {margin-left: 0px;} <div class="padding30"> Padding 30 <div id="padding0">
2
4400
by: Remi Villatel | last post by:
Hi there, I have following CSS definitions: div.limits { margin: 0 20px 0 20px; } div.halfleft { float: left; left: 0; width: 50%;
36
3009
by: phil-news-nospam | last post by:
Here is a simpler (no drop shadows) example of the padding bug I see: http://phil.ipal.org/usenet/ciwas/2006-05-08/buttons-1.html So far I find nothing in the CSS2 document that says I should get this kind of inconsistent result. -- ----------------------------------------------------------------------------- | Phil Howard KA9WGN ...
10
12892
by: Alan Silver | last post by:
Hello, In my (seemingly) endless quest to understand CSS, I have yet another problem. Please look at http://www.kidsinaction.org.uk/ph/x.html in Opera, where you will see it how I expected. If you look at it in IE (6 or 7), you find it also looks fine, except for the top margin missing from the links across the top of the page. That's not...
5
10503
by: Tom | last post by:
I am having a problem where an extra gap (whitespace, padding) appears in a table cell where I don't want it. The data fed in the table is via dynamic HTML, so the amount in the middle cell may vary. When the data in the middle table cell is little and that cell's height is small, an unwanted gap appears in the first table cell. I would...
5
2197
by: Mike | last post by:
I am having a problem with padding. I have three boxes and I want them all to be the same width. In IE it looks like the outside of the DIV stays put and the padding is placed on the inside, so the bottom box lines up with the middle box - which is what I want. In FF it looks like the padding is making the DIV grow to the size of the padding...
0
7886
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...
0
8159
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
6569
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...
0
5366
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3809
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...
0
3835
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2312
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
1413
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1147
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

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.