Floating and some problems.

[Beremix]

Hello. I spoke with some css developers yesterday on IRC but he failed to fix the problem. He suggested me to ask here for help so I will. I am currently making a new homepage and this is my page; http://mg-s.org/newly/ I had to edit most of the .css because the page was "floating". Like, some people couldn't see everything and if we zoomed in or out then the page got messed up.. So here is the current progress: http://mg-s.org/newly/ which is messed up. It's supposed to look like this:http://pokit.org/get/?00e5090c7ab5a0972f325bb16608f6fb.jpg But as you can see it's not. Here is the style.css : http://pastebin.com/BPrfZuBdHere is the index.php : http://pastebin.com/BDQKcxCE I am not that familiar with css so I need help.

Edited May 13, 2012 by Beremix

[niche]

Have you done any of the tutorials? If so, where is the problem in your code. Helping you is a lot easier when you can tell us specifically where it hurts. You've given us two pages to compare. I it just the pic of the gunman that's out of place? EDIT: Are you using any diagnostic tools like firebug?

Edited May 13, 2012 by niche

[dsonesuk]

it the div elements within the last li, what are these supposed to do? these are making it to wide to fit the menu <div onmouseout="mclosetime()" onmouseover="mcancelclosetime()" id="undermenu" style=""> <a shape="rect" href="#">Bans</a> <a shape="rect" href="#">Bans2</a> </div>

[Beremix]

Have you done any of the tutorials? If so, where is the problem in your code. Helping you is a lot easier when you can tell us specifically where it hurts. You've given us two pages to compare. I it just the pic of the gunman that's out of place? EDIT: Are you using any diagnostic tools like firebug?

Well as you can see at http://mg-s.org/newly/ that it's not matching with the: http://pokit.org/get...bb16608f6fb.jpg Like the "User Control Panel" (#panel) should be on the same line as "Home, Forum" etc.. But editing the style.css doesen't work as it won't go up. And the "Resources" (#rightmenu) should be at the same line too as "Home, Forum" but at right not at left. But I and that scripter who helped me from IRC, we tried several methodes and ways to get the Resources up.. Here is the first version of the styles.css ; http://pastebin.com/SDEbtttu This is also the version which were "Floating" / "bugged" as some people coulden't see the whole page and had too zoom.And here is the first version of the index.php : http://pastebin.com/0GUqQnTe You can try going to; http://mg-s.org/newly/index1.php To see how it was first. And No, I have not tried any problems like "firebug".

it the div elements within the last li, what are these supposed to do? these are making it to wide to fit the menu <div onmouseout="mclosetime()" onmouseover="mcancelclosetime()" id="undermenu" style=""> <a shape="rect" href="#">Bans</a> <a shape="rect" href="#">Bans2</a> </div>

This is there so when someone takes the mouse over the "Player Panel" (The player panel should be on the same line as Home, Forum etc..) Then a new "Submenu" shows up with the "Bans" || "Bans 2" Edited May 13, 2012 by Beremix

[dsonesuk]

So a normal menu using

#topnav ul ul {position: absolute; left: -999999em; top:40px;}#topnav ul li {position: relative;}#topnav ul li:hover ul {left:0; z-index:100;}

<li><a href="index.php">Player Data</a><ul><li><a href="#" shape="rect">Bans</a></li><li><a href="#" shape="rect">Bans2</a></li></ul></li>

Won't work for your purposes.

[Beremix]

So a normal menu using

#topnav ul ul {position: absolute; left: -999999em; top:40px;}#topnav ul li {position: relative;} #topnav ul li:hover ul {left:0; z-index:100;}

<li><a href="index.php">Player Data</a><ul><li><a href="#" shape="rect">Bans</a></li><li><a href="#" shape="rect">Bans2</a></li></ul></li>

Won't work for your purposes.

http://mg-s.org/newly/index1.php < It's fixed now as I putted it at the wrong place but this is not the problem. There is nothing wrong with the "second menu", that's not what's causing the floating / bugged I think.

[dsonesuk]

I just pasted css style1.css from http://mg-s.org/newly/index1.php'>http://mg-s.org/newly/index1.php into http://mg-s.org/newly/ and everything is as http://pokit.org/get/?00e5090c7ab5a0972f325bb16608f6fb.jpg, apart that its wider in wide screen browser obviously, but if you want to restrict that use max-width:,

[Beremix]

I just pasted css style1.css from http://mg-s.org/newly/index1.php into http://mg-s.org/newly/ and everything is as http://pokit.org/get...bb16608f6fb.jpg, apart that its wider in wide screen browser obviously, but if you want to restrict that use max-width:,

I did that now and I got 4 people to check the page with their own computer and here is the results:Dude 1: http://pokit.org/get/?1ad47fca8d170a9547906264798519f7.jpgDude 2: http://puu.sh/uw9WDude 3: http://pokit.org/get/img/52f5be5e42dd2ec62434b87533df6659.pngDude 4: http://pokit.org/get/?3ecce877f9b58eff210ce1ca1ca5849d.jpg And mine: http://pokit.org/get/?ec7a98e3b908feded9b4f116f631ecc7.jpg So as you can see, the page is different for all of the people. Like Dude 4, that's madness and the page is floating. How to solve this?

[dsonesuk]

1 and 2 have same screen width monitor3 is using about same as mine 1920px wide4 must be using, i really can't believe i'm about to say this a 800px width screen The minimum resolution width to work to is 1024, so dude 4 should up his resolution, OR if that's his max! BUY new monitor, so forget possible tight dude. Most developers allowing for vertical scrollbar width on different browsers, and other allowance work to minimum of 960px, so you have adjust everything to fit in this minimum resolution, and apply min-width: to outer container so its not resized below this using min-width: 960px; you can then use percentage value for side columns, main content to expand proportionately for those screen that are wider OR only to expand to a max width of for example using max-width: 1600px;