Icy Phoenix

phpBB 3 MODS And Styles (Not Compatible With phpBB 3.1) - Frozen Phoenix: Non-Fixed Width Overlap Issue

keith10456 [ Wed 06 Mar, 2013 20:54 ]
Post 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?

Joshua203 [ Wed 06 Mar, 2013 22:10 ]
Post subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue

Could you provide a link to this board please Keith?
Or else your edited files?

keith10456 [ Wed 06 Mar, 2013 22:15 ]
Post 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.

Joshua203 [ Wed 06 Mar, 2013 23:09 ]
Post 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

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%!!

keith10456 [ Wed 06 Mar, 2013 23:33 ]
Post subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue

I cleared the browser cache (and templates, imageset and theme cache) multiple times.

Joshua203 [ Thu 07 Mar, 2013 00:17 ]
Post 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

keith10456 [ Thu 07 Mar, 2013 00:26 ]
Post 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.

Joshua203 [ Thu 07 Mar, 2013 03:26 ]
Post 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: [Hide] [Select]

<div align="center""

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

keith10456 [ Thu 07 Mar, 2013 04:30 ]
Post 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?

Joshua203 [ Thu 07 Mar, 2013 05:09 ]
Post 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.

keith10456 [ Thu 07 Mar, 2013 05:12 ]
Post 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.

Joshua203 [ Thu 07 Mar, 2013 05:44 ]
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: [Hide] [Select]

align: center;

Let me know what happens

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

keith10456 [ Thu 07 Mar, 2013 06:18 ]
Post 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: [Hide] [Select]
Code: [Show]
align: center;

Let me know what happens

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

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: [Hide]

#global-wrapper { 
	width: 94% !important; 
	clear: both; 
	margin: 0 auto; 
	align: center; 
} 

Joshua203 [ Thu 07 Mar, 2013 06:42 ]
Post subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue

You're right, glad I made the "dumb advice" remark above

Please try this instead:

Code: [Hide] [Select]

	margin-left: auto;

	margin-right: auto;

keith10456 [ Thu 07 Mar, 2013 07:10 ]
Post subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue

Joshua203 wrote: [View Post]
You're right, glad I made the "dumb advice" remark above

Please this instead:

Code: [Hide] [Select]
Code: [Show]
margin-left: auto;
margin-right: auto;

Nope...

Joshua203 [ Thu 07 Mar, 2013 08:05 ]
Post subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue

I should have noticed that something similar is already there:

Code: [Hide] [Select]

margin: 0 auto;

hmm... the weird thing is that it seemed to work for the other user in the other thread, maybe Mort is willing to take a look when he has some time to spare?

Joshua203 [ Thu 07 Mar, 2013 08:20 ]
Post subject: Re: Frozen Phoenix: Non-Fixed Width Overlap Issue

Meanwhile, (if you are bored) you could try to fix the other 28 errors in your index page

You may want to check it out by going to http://validator.w3.org/#validate_by_input and copy your indexpage sourcecode to the text block there.