473,396 Members | 2,010 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Outer Border not setting in Firefox, but ok in IE? whats the problem

Hi,

I have made a div, where outer border is not showing in Firefox, but in IE its showing, whats the way to show the Outer border.

Below is the code i have tested

<div style="border:1px solid red; width:100%;">

<div style="float:left; background-color:red;">2</div>
<div style="float:right; background-color:green;">3</div>

</div>

Thank You,
Feb 13 '10 #1
4 2864
drhowarddrfine
7,435 Expert 4TB
Works for me. Are you expecting the div to expand to show the red/green elements? If so, this is a bug in IE. Firefox is performing correctly. Parent elements are never to expand to contain floated elements.

To get FF to imitate IEs bug, add 'overflow:auto' to the parent div.
Feb 13 '10 #2
i want the red color outline in outer div, only border top is showing, right, left, bottom border is not showing
Feb 13 '10 #3
drhowarddrfine
7,435 Expert 4TB
What you are seeing is the outer div collapsing and the top/bottom borders are at the top. Add the overflow as I showed above. Firefox is behaving correctly. IE is not.
Feb 13 '10 #4
Hi,

Thank You for ur help, and you are right its working for me in FF. Overflow:auto done it for me.

Thank you
Feb 14 '10 #5

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

Similar topics

2
by: Dave Opstad | last post by:
When drawing rectangles in Tkinter canvases I've noticed the outer edges (say 3-5 pixels) don't always draw. For instance, try typing this in an interactive session (Terminal in OS X or Command...
0
by: Red | last post by:
This is apparently an ie display bug, I can't seem to figure out which ie bug this is. a 3 sided border is created by wrapping the 'inner' box in the 'middle' box and padding the 'middle' box...
0
by: Red | last post by:
See http://reenie.org/test9.php There are two examples each with three nested divs. The only difference between the two is that the first example has no padding in the inner div, the second...
4
by: Andreas König | last post by:
Hello group, this is my first message to a newsgroup so I hope I've done everything right ;-) My problem is that I'd like to have a border via css. This seems to be working on the IE, but not...
0
by: smokeyd | last post by:
smokeyd Sep 26, 2:12 pm show options Newsgroups: alt.html From: "smokeyd" <tom_bur...@umbro.co.uk> - Find messages by this author Date: 26 Sep 2005 06:12:11 -0700 Local: Mon, Sep 26 2005...
0
by: sunny076 | last post by:
Hi, I have a gridview with SelectedRowStyle with cssClass as follows: rowselected { border: solid 10 black;
1
by: biegel | last post by:
I'm having a strange problem with one browser: Firefox 1.5 on Mac OS X. Surprisingly Safari works perfectly (it's usually the odd one out in my experience). Here's the situation: I've got a...
1
by: Armin Gajda | last post by:
Hi, I have the following problem: An input field get a border assigned by a style class (e.g. 2px solid red). When the field gets the focus, we set the border to green. element.style.border...
1
by: pravinnweb | last post by:
can anyone tell me how to set auto height to outer div that is in green box id "gray-background" it should increase relatively to inner div "smbox" here is the css and html code it should work in...
14
by: Mark Shroyer | last post by:
I just noticed an unintuitive aspect of how nested blocks are positioned under a specific set of conditions, and although this is ostensibly correct behavior (unless Firefox, Safari, and Opera are...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
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,...
0
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...
0
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...
0
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,...

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.