If I have a left column, content, and a right column; in the fixed-width version, the right column gets pushed down below the content area. This happens in Safari 3.1.1. , but not in Firefox 2.0.0.14 .

I'm trying to figure it out, but can't quiet narrow down the issue.

CommentFileSizeAuthor
#3 With Safari Fix236.18 KBcsmcdem
#3 Without Safari Fix373.49 KBcsmcdem

Comments

Alan Cooney’s picture

Assigned: Unassigned » Alan Cooney
Status: Active » Fixed

Sounds like something in your content is causing Safari to overflow incorrectly. Try making images slightly less wide, or if necessary making the following change in style.css:

#main {
 margin: 0 235px 0 235px;
 float:left;
 border: 8px solid #e7f9fb;
 padding: 8px;
 background:#FFF;
}

to

#main {
 margin: 0 235px 0 235px;
 float:left;
 border: 8px solid #e7f9fb;
 padding: 8px;
 background:#FFF;
 overflow:hidden;
 width:448px;
}
rovo’s picture

Awesome, that fixed it. Thank You very much. The only other minor issue I see is, in the main content there is the tabs bar at the top of the node, and it runs off, outside the box. Is there a way to make that wrap back in? This happens in FireFox also.

csmcdem’s picture

Status: Fixed » Needs work
StatusFileSize
new373.49 KB
new236.18 KB

I posted this also under the Browser Glitches section, but thought I should do it here also. When I go to use this code, it makes the main content become to small under Firefox 3.

rovo’s picture

I have a lousy hack for this ,

width: 448px !important;

This is an ugly hack, should be an easier fix for this.

also, 448 is much smaller than the full length of the tab list across the top, when logged in. Trying to figure a way to get the list to wrap.

Alan Cooney’s picture

Status: Needs work » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.