CSS problem

FroDaddy · 11-13-2007, 10:33 PM

Hey guys I didn't know if someone could offer some help. In certain pages on Midnight Gamer I'm having a CSS area going funky on me. It's most obvious when navigating to a player's profile (under Top Players), but it's a problem in all of the pages that have floating areas within the grey content boxes in the center. I've tried closing DIV tags and clear: both in certain areas but I can't find what's causing the problem. It's doing this in Firefox and IE, so its not a browser bug. It's like that center section sees the content of the left menu as it's own, so it goes down the length of the page.

Thanks for looking

FroDaddy · 11-14-2007, 09:52 PM

Hey guys just wanted to give a quick update that I fixed the layout problems. CSS and I have a love/hate relationship right now: I love it when it works as expected, but I hate it when trying to figure out WHY it's NOT working as intended!

ArcadeJunky · 11-15-2007, 02:00 AM

Yeah, CSS positioning is tricky, I'm not too adept at it.

brendgard · 11-16-2007, 02:54 PM

I been off a bit and missed it. What was the problem, and what was the fix? Might be something we can all learn from lol.

FroDaddy · 11-16-2007, 04:29 PM

Midnight Gamer has a header, footer, and a 3 column layout in between. Then the center column sometimes would have a 3 column inside of it, and sometimes a 2 column. My problem was how the center column's 3 or 2 column layout kept floating in accordance OUTSIDE the center column container. VERY frustrating because the code was logically sound.

All of the tutorials online say to float: left the left column, float: right the right, then set the margins on the center column. I tried three variations of this by painting the left, right, then center and also trying left, center, and right. Nothing worked consistently throughout all the pages.

In any case, the script had a couple of pages where they were using a mini 3 column layout in some containers. I applied it to the entire site and it fixed everything! It's really quite simple to explain; just float: left the 3 column layout in sequence (left, center, then right) and use your CSS width so they will remain perfectly floated. Voila! Oh wait... then just go through all of the PHP pages and functions to make sure the <div>'s are where they are suppose to be.

brendgard · 11-16-2007, 05:08 PM

Kewl! Have to keep that one in mind when chasing down problematic CSS iritations.

Thanks.

11-13-2007, 10:33 PM	#1 (permalink)
FroDaddy Preferred Member Join Date: Oct 2007 Posts: 176	CSS problem Hey guys I didn't know if someone could offer some help. In certain pages on Midnight Gamer I'm having a CSS area going funky on me. It's most obvious when navigating to a player's profile (under Top Players), but it's a problem in all of the pages that have floating areas within the grey content boxes in the center. I've tried closing DIV tags and clear: both in certain areas but I can't find what's causing the problem. It's doing this in Firefox and IE, so its not a browser bug. It's like that center section sees the content of the left menu as it's own, so it goes down the length of the page. Thanks for looking __________________ 1:1 Traffic Exchange on both of my sites! www.MidnightGamer.com www.iNetGamer.com

11-14-2007, 09:52 PM	#2 (permalink)
FroDaddy Preferred Member Join Date: Oct 2007 Posts: 176	Hey guys just wanted to give a quick update that I fixed the layout problems. CSS and I have a love/hate relationship right now: I love it when it works as expected, but I hate it when trying to figure out WHY it's NOT working as intended! __________________ 1:1 Traffic Exchange on both of my sites! www.MidnightGamer.com www.iNetGamer.com

11-15-2007, 02:00 AM	#3 (permalink)
ArcadeJunky Administrator Senior Member Join Date: Aug 2006 Posts: 636	Yeah, CSS positioning is tricky, I'm not too adept at it. __________________ >> FunKlicks.com Banner Exchange { 100x100 and 125x125 arcade banners }

11-16-2007, 02:54 PM	#4 (permalink)
brendgard Gamer FX Staff Senior Member Join Date: Oct 2006 Posts: 681	I been off a bit and missed it. What was the problem, and what was the fix? Might be something we can all learn from lol. __________________ http://gamersgo.com A list of arcade related sites, add yours. http://auntiefondy.com Lists, add your site. http://kbsplace.com

11-16-2007, 04:29 PM	#5 (permalink)
FroDaddy Preferred Member Join Date: Oct 2007 Posts: 176	Midnight Gamer has a header, footer, and a 3 column layout in between. Then the center column sometimes would have a 3 column inside of it, and sometimes a 2 column. My problem was how the center column's 3 or 2 column layout kept floating in accordance OUTSIDE the center column container. VERY frustrating because the code was logically sound. All of the tutorials online say to float: left the left column, float: right the right, then set the margins on the center column. I tried three variations of this by painting the left, right, then center and also trying left, center, and right. Nothing worked consistently throughout all the pages. In any case, the script had a couple of pages where they were using a mini 3 column layout in some containers. I applied it to the entire site and it fixed everything! It's really quite simple to explain; just float: left the 3 column layout in sequence (left, center, then right) and use your CSS width so they will remain perfectly floated. Voila! Oh wait... then just go through all of the PHP pages and functions to make sure the <div>'s are where they are suppose to be. __________________ 1:1 Traffic Exchange on both of my sites! www.MidnightGamer.com www.iNetGamer.com

11-16-2007, 05:08 PM	#6 (permalink)
brendgard Gamer FX Staff Senior Member Join Date: Oct 2006 Posts: 681	Kewl! Have to keep that one in mind when chasing down problematic CSS iritations. Thanks. __________________ http://gamersgo.com A list of arcade related sites, add yours. http://auntiefondy.com Lists, add your site. http://kbsplace.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Gamescript problem	gigikent	GameScript	1	11-16-2007 05:47 PM
Linking problem??	sugar	GameSiteScript	1	04-30-2007 10:35 PM
Gamescript 127 problem when adding links	addictinggames247	Talk Arcades	2	04-01-2007 10:02 PM
Site is down how do i find out where the problem is	SpankyBear	Webmastering	9	03-19-2007 06:20 PM
What could my problem be?	Bojangles	Revenue	8	11-27-2006 12:09 PM