Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 2
Goto page 1, 2  Next
 
Reply with quote Download Post 
Post 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 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Reply with quote Download Post 
Post Re: Frozen Phoenix: Non-Fixed Width Overlap Issue 
 
Could you provide a link to this board please Keith?
Or else your edited files?
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 



 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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%!!
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Frozen Phoenix: Non-Fixed Width Overlap Issue 
 
I cleared the browser cache (and templates, imageset and theme cache) multiple times.
 



 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 



 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Frozen Phoenix: Non-Fixed Width Overlap Issue 
 
To me it looks fine now ...with your own header as far as I can see.
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 



 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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  

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  
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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  

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: [Download] [Hide]
  1. #global-wrapper { 
  2.     width: 94% !important; 
  3.     clear: both; 
  4.     margin: 0 auto; 
  5.     align: center; 

 



 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Frozen Phoenix: Non-Fixed Width Overlap Issue 
 
You're right, glad I made the "dumb advice" remark above

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

 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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: [Download] [Hide] [Select]
    margin-left: auto;
    margin-right: auto;


Nope...
 



 
keith10456Send private messageVisit poster's website  
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 2
Goto page 1, 2  Next


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
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


  

 

  cron