473,722 Members | 2,243 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

CSS Border Problem In Safari...Help?

i'm trying to put a css border around this box, and it's not working
properly in safari and firefox (works fine in IE). can anyone help me
fix this? here is a grab so you can see the problem:

http://www.thebrotherkite.com/grab.jpg

and here is the css code:

#container
{
position:absolu te;
margin: auto 0 auto;
top:306px;
clip:rect(0,370 ,247,0);
height:247px;
width:370px;
border-top: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
border-left: 1px solid #555555;
}

.msg
{
padding-top: 2em;
padding-bottom: 2em;
margin: auto 0 auto;
}

html
{
min-height: 100%;
margin-bottom: 1px;
}

body
{
margin-top:50px;
margin-left:0px;
margin-bottom:0px;
background-color:#000000;
}

div
{ font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
border-style: none
}

a:link {
color:#CCCCCC;
background-color:transpare nt;
}

a:active {
color:#FFFFFF
background-color:transpare nt;
}

a:visited {
color:#CCCCCC
background-color:transpare nt;
}

a:hover {
color: #FFFFFF;
background-color:transpare nt;
}

Aug 4 '06 #1
2 5048
Once upon a time *j************@ gmail.com* wrote:
i'm trying to put a css border around this box, and it's not working
properly in safari and firefox (works fine in IE). can anyone help me
fix this? here is a grab so you can see the problem:

http://www.thebrotherkite.com/grab.jpg
Don't give an image to look at, the URL to the actual page is a lot
better.

One question, what's the doctype of the page? The clip:rect maybe
don't work in Quirks mode.

--
/Arne

Proud User of SeaMonkey. Get your free copy:
http://www.mozilla.org/projects/seamonkey/
Aug 4 '06 #2
<jo***********@ gmail.comwrote:
i'm trying to put a css border around this box, and it's not working
properly in safari and firefox
Why do you think that it doesn't work in Safari/Firefox?
I think it is just working fine in these browsers and only IE is doing
it wrong.

Please note that the border is not inside the content area, so when you
set the width of the content area to 370px the whole box including the
border will have a width of 372px. The values of the clipping rectangle
are offsets relative to the "border edges" (content area including the
browsers), so your clipping rectangle will not cover the last 2 pixels
to the right and bottom, and therefore the right and bottom borders are
not visible.

BTW: "clip:rect(0,37 0,247,0);" is not valid, the unit ("px" is missing
here). This must be clip:rect(0,370 px,247px,0);

WHy do you add the clip rule at all? Probably you can remove this rule
without and side effects.

--
Alexander
Aug 4 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
14379
by: Steel | last post by:
hi at all, can I include into a css file some frame and frameset propertyes like border=0? How? thank in advance Steel
3
2931
by: Wally Sanford | last post by:
This page, http://home.earthlink.net/~wallysanford/access.html, shows a border just above the bottom icons, as it should, in IE6, but not Firefox. Strangely, the page from which it was derived, http://home.earthlink.net/~wallysanford/index.html, shows the border in both browsers. I have been staring at this too long. Can anyone point out my error? Thanks. Wally
11
2474
by: muraii | last post by:
Hi all, I've trolled through Google, a little of evolt, css-discuss archives, and sent the list a request, all to no avail. I consulted positioniseverything.net and quirksmode.org. The issue I have seems simple enough that I'd have turned it up on any of those sources, but, alas, that's not the case. So, please refer to
4
2722
by: Paul W | last post by:
Hi - can someone point me to info on the issues/resolutions of supporting the safari browser? To help me understand, if I was developing pages in say FrontPage, what attributes would I set for 'target browser'? I'm having a helluva time with table layouts etc and goin' stir crazy.. Thanks, Paul.
3
15345
by: David Stone | last post by:
I'm trying to apply a border to a Flash learning object, which is loaded into a page via <object>. I'm trying to use a style to put a black border around the Flash object. http://www.chem.utoronto.ca/coursenotes/analsci/chrom/column01.html http://www.chem.utoronto.ca/coursenotes/analsci/analsci.css Quick summary: <object class="bordered" ...>
1
1789
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 menu bar, with custom-built rollover-activated dropdowns. You rollover a main menu item, the dropdown menu appears directly below. Nothing too groundbreaking. Rollover triggers a function which changes the submenu.style.display value to "block"...
3
4039
by: Brad | last post by:
I have an aspx page that is sending pdf files to client browsers: it uses a filestream to read the pdf file and response.binarywrite to send content to the browser. This has worked great for years in IE, Firefox and Opera on windows, and it works on a Mac with Firefox and Opera. But this fails in Safari with the generic message "A network error occurred while accessing this document". Here is a link to try out ...
15
2668
by: GinnTech | last post by:
I have a site that works perfectly in IE6 IE7 FF2 FF3 but not in the latest Safari. Here is the issue. I am attempting to call functions within a flash object. When trying to attempt to retrieve the object to call the functions IE6 IE7 FF2 FF3 all return Objects to work with. In Safari a function is returned. Here is the code. /
3
10677
by: seegoon | last post by:
Hi guys. I'd like to use an image as my border on just the right side of a div, to create an arrow shape on a 'continue' link. I've created the image to use and tried to code it myself, but failed miserably on both Safari and Firefox. Here's my current code: #continue { background-color:#ebebeb; margin:20px 0px 20px 0px; height:45px; border-image-right:url("images/continue-arrow.gif") 100% round; width:80%; float:right
0
9376
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. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9234
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
9150
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
9086
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
8028
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...
0
4501
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
3207
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
2
2599
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2146
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 effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.