ansaurus

Question

Answer 1

A:

I don't see the problem in my copy of Safari 4 beta, though I'm not exactly sure what issue you would be having since the sidebar on the right is empty and so I'm not sure how I could tell if its being overlapped. Perhaps you should clarify about the exact problem that you're having?

In order to debug the problem, and either solve it yourself or ask a more specific question, you should try to strip the problem down to the minimal example necessary to see the problem. Remove all of the content and structure that is not relevant to the problem, and ensure the problem still exists. Remove all of the CSS that is not relevant to the problem, and ensure that the problem still exists. Then you should have a simple example, with no more than about 10 lines each of HTML and CSS. If you strip it down far enough, you may find your problem in the process (if removing one of the lines of CSS makes your problem go away, then you've found the problem), and if that's not the case, you'll have something that someone else will be able to give you better advice on without having to wade through all of the extraneous code.

If you are still having trouble figuring out what's going wrong, you should try the web inspector in Safari. In Safari 4 beta, you can go to the "Advanced" preferences, and choose "Show develop menu in menu bar". I don't recall when exactly this preference was introduced, but in earlier versions of Safari, you should be able to follow these instructions to enable the inspector. Once you have done that, you should be able to right click (control-click if you don't have a right mouse button) and choose "Inspect element", to bring up the web inspector. In more recent versions of Safari, you should also be able to choose "Show Web Inspector" (Command-Option-I) from the Develop menu. This will show you a lot of information on your CSS and how the metrics on the elements work, which should help you debug the issue.

Brian Campbell 2009-04-09 19:21:49

Thank you, the right side bar is a different color, it is supposed to be the same width as the blue element that is to the right of the buttons above it. If you would, please tell me if it is or not? Thank you Brian.

Chris B. 2009-04-09 19:25:11

The following is what I see; do you mean that you want the grey side bar to line up with the "Call or stop by today"? http://ephemera.continuation.org/stackoverflow/cbier9-sidebar.png

Brian Campbell 2009-04-09 19:50:15

Yeah, yours is really out of wack, it is not supposed to look like that the buttons are upposed to have all white background. This is crazy

Chris B. 2009-04-09 20:27:21

Answer 2

A:

I don't have a mac so can't see, but a few points:

your xhtml is not valid. center> doesn't exist anyomre (and by the looks of things isn't actually needed in the design anyway), also you shoudl specify the dimensions of any the header image in px.

don't know why you're using margin auto on anything other than the mainwrap. Try margin:0; instead

try adding * {margin:0; padding:0} to the top of your stylesheet, and then adding in any extra padding and margin you need later - this will more or less set all browsers to the same starting point when it comes to layout.

if you don't want a border use {border:none} (if you say border: 0px solid; some browsers will still try and draw something)

This might not fix the problem, but it will be step in the right direction as the more valid your markup is the easier browsers find it to render.

wheresrhys 2009-04-09 20:09:09

ansaurus

tags:

views:

answers:

Another Safari width issue with CSS

related questions