Frozen Phoenix: Non-Fixed Width Overlap Issue


Goto page 1, 2  Next

Subject: Frozen Phoenix: Non-Fixed Width Overlap Issue
I'm using the steps in this post to use Frozen Phoenix without a fixed width.

Everything is working except my Forum categories are overlapping the borders (see image below). Any suggestions?

style_issue

Last edited by keith10456 on Wed 06 Mar, 2013 22:19; edited 1 time in total
Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Could you provide a link to this board please Keith?
Or else your edited files?

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Joshua203 wrote: [View Post]
Could you provide a link to this board please Keith?


http://urbanareas.net/info/

Login with: username="amod"; pass= "test22"

If you don't login with the above username you won't see the issue (because that test user is using the new style).

Disregard the header and Home page... They're still a work in progress.

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
keith10456 wrote: [View Post]
If you don't login with the above username you won't see the issue

Yeah I noticed that before asking the link :LOL:

I have a feeling you did not flush your cache after the html edits, could that be the problem?
Becasue I don't see it centered or at 96%!!

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
I cleared the browser cache (and templates, imageset and theme cache) multiple times.

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Ok, from what I can see (unless you edited while i was viewing files) you MG config file contains 94% and the wrapper.css has 96% twice inside.

MG config should be bigger or equal to the css, not smaller, let's see if that's the cause then :wink:

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Yeah... You must have checked when I was tweaking the numbers to try to fix the problem.

I originally had MG config and the wrappers all the same size.

Now I have MG config at 96% and the wrappers at 94% and the problem still exist.

The weird thing is my header isn't overlapping.

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
keith10456 wrote: [View Post]
The weird thing is my header isn't overlapping.

True, it's like when it stops reading the overall_header.html all is forgotten.

Let's try setting the wrapper to 90% or add padding left and right to it.

BTW ..
Code: [Download] [Hide] [Select]
<div align="center""

Align doesn't seem to be allowed in a strict document.

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Joshua203 wrote: [View Post]
keith10456 wrote: [View Post]
The weird thing is my header isn't overlapping.

True, it's like when it stops reading the overall_header.html all is forgotten.

Let's try setting the wrapper to 90% or add padding left and right to it.


90% didn't work.

I'm not good at CSS... What exact padding code are you recommending?


* Edit - I believe the problem may be due to the changes I made to my overall_header. I'll replace it with the original (from the download) and report back...


* Edit 2 - I fixed the overlap problem.... It was the result of the bad edit I made to my overall_header. However, I can't get it to center. Any ideas?

Last edited by keith10456 on Thu 07 Mar, 2013 05:11; edited 1 time in total
Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
To me it looks fine now ...with your own header as far as I can see.

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
You replied while I was editing my post... Please see my question in Edit #2 in my above post.

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Lets start by trying to:

Remove the added div's again, then add to the wrapper-stylesheet in global-wrapper before the closing }
Code: [Download] [Hide] [Select]
align: center;

Let me know what happens :wink:

Don't forget I'm not able to test any of these advices and prosilver based styles are not really my thing, so this might be some dumb advice that needs corrections :oops:

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Joshua203 wrote: [View Post]
Lets start by trying to:

Remove the added div's again, then add to the wrapper-stylesheet in global-wrapper before the closing }
Code: [Download] [Hide] [Select]
align: center;

Let me know what happens :wink:

Don't forget I'm not able to test any of these advices and prosilver based styles are not really my thing, so this might be some dumb advice that needs corrections :oops:


It seems like something is missing in the "align: center;" code. I'm editing with notepad++ but when I add that code it doesn't change the color to display that it's right (so it displays as the other correct css code).

So I have (which appears to be incorrect):

Code: [Download] [Hide]
  1. #global-wrapper { 
  2. width: 94% !important; 
  3. clear: both; 
  4. margin: 0 auto; 
  5. align: center; 

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
You're right, glad I made the "dumb advice" remark above :LOL:

Please try this instead:
Code: [Download] [Hide] [Select]
margin-left: auto;
margin-right: auto;

Subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue
Joshua203 wrote: [View Post]
You're right, glad I made the "dumb advice" remark above :LOL:

Please this instead:
Code: [Download] [Hide] [Select]
margin-left: auto;
margin-right: auto;


Nope...

Goto page 1, 2  Next

Page 1 of 2


  
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.2788s (PHP: 16% SQL: 84%)
SQL queries: 18 - Debug Off - GZIP Enabled