Hello,

Yesterday I finished setting up everything for my website.
Everything looked good from my house.
Now, I tried to access it from work and the Land, Apartments and Buildings pages show up with a space between each other (property info and pictures).

How could I make this to show up next to each other as it was showing up yesterday from my house.???

site: www.crlandmarket.com

Not sure what your particular problems are. What's the difference in the browsers and systems 'outside' as opposed to what you're using at home ??

One thing you should NOT do is use position:absolute for everything - it can and does cause problems and it's not the best way to lay out a page. Learn to use the normal document flow and floats and you'll have fewer problems.

its the same thing...at my house i use firefox and IE 7. I used those two at work too.

Here is how I see it at home:

http://img442.imageshack.us/img442/3504/homeck8.jpg

Here is how I see it at work:

http://img407.imageshack.us/img407/7179/worksz6.jpg

thx

Those are 2 different pages, so I can't see what the problem is.

its the same thing...
the same behavior happens on all pages: land - apartments - houses

I told you, get rid of all the position:absolute in EVERY element. Then use floats and the document flow to layout out your columns properly.

http://css-discuss.incutio.com/?page=CssLayouts

Check this out:

I haven't done any changes yet but if you configure the resolution on your monitor to 1024 x 768 everything shows the way it should be.

Would this be related to that still?

Originally Posted by allan16

Check this out:

I haven't done any changes yet but if you configure the resolution on your monitor to 1024 x 768 everything shows the way it should be.

Would this be related to that still?

Yes.
You definitely do NOT need to use absolute positioning for this layout. All it will do is confuse you. (Don't feel bad, it confuses me too).

Thanks!

I will look into this. I just wanted to make sure that it was related to this...

What I would do if I were you is:
1. Take out ALL of the position:absolutes.
2. Float your first image (logo.jpg) to the left.
3. Then I would float your second image (banner.jpg) to the right.
4. Then do a break with a clear:both style.
5. Then do the divider bar, but dont put ANY positioning. It will automatically know to rest underneath the first images. It goes with the natural document flow.
6. Float your menu to the left
7. Float your content to the left
8. Put your left side links into a container. Float that container to the left.
9. Do another break with clear:both style
10. Float the site meter image to the left (if you want it on the left.)
11. Do another break with clear:both style
12. Put in your bottom menu with NO positioning. It will know to go with the flow too.

I am at work and am kind if going through this fast so I might have missed something. This will at least get you started. Let us know if you have any problems and we will try to help you!