PHP page layout help

[brosskgm]

I have a php page we use in our backroom. With out all the database data it doesn't quit display everything, but I'll try and explain what it's doing that we need help to fix.

 

One the left side is two boxes, the short one at the top Search Members and At a glance below it. The At A Glance runs down the left full length. What doesn't show is at the bottom called "Dashboard" you'll be able to search for this in the code, it displays below all this leaving the space to the right of the two narrow boxes empty. We would like to get the Dashboard box up to the upper right of the two other boxes.

 

The code it to long to post. I attached it.

 

Thanks

 

 

 

[attachment deleted by admin]

[jorley]

I took a look at the code, your right theres a lot there. My guess is that you need to clear the floats. When you have divs floating left against eachother if you don't clear them then it can cause it to stack. Add <div style="clear: both"></div> after the last floating div in each if sections. In other words

 

<div style="float: left;">  //first div

  first div

</div>

<div style="float: left;">  //second div

  first div

</div>

<div style="float: left;">  //third div

  first div

</div>

<div style="clear: both;"></div>

 

 

Another possibility is that if there is no data in the div then you might want to put a min-height on it so it doesn't get lost.

 

Last thing I can think of is if the third div makes  it too big going across for the container so it forces it down. I would look into those. Bare in mind these are all CSS issues not php but still I think one of them might work.

[brosskgm]

That's funny you say CSS. There is not one CSS file in the /htdocs area at all.

 

Maybe it's missing something?

 

But I'll try playing with what you mentioned. I was able to get the bottom window to change it's size but it still stayed on the bottom. I'll work with this. If not I'll just have to deal with it. I didn't want to spend to much time on it. I don't have to go in this much. The system is setup to be automatic activate, disable etc when ever we get it running just thought it would be nice to have it view a little easier.

 

Thanks again.

 

[jorley]

I am only going by what you had attached. There is CSS throughout the page that I opened. Everywhere you have style=  thats CSS. Floats are very temperamental. Are you using firefox? Download firebug and use that to view and play with the css through the browser, it will help you figure it out.

[brosskgm]

I tried it with both to make sure it wasn't browser related. Thanks. I'll firebug.

[brosskgm]

That is a cool add-on. It helped me to find the line 475 that controlled that box and fix it. The line that controlled that box was no where near the dashboard line 1181.

 

Thanks for the tip.