Layout help

[redViper]

Ok CSS frustrates me.
I know what I've created is a fluid CSS layout.. but its driving me crazy.

I wanted a CSS wrapper white
and then two columns roughly the same size.

And I wanted the two columns to be the same height so it looks like one big box.. does that make any sense?

The way it is right now it works.. but I know once I start putting content on other pages that the size of the boxes are going to get all wonky.

Here's the site: http://www.enterthepicture.com/newsite

Anyone able to help in cleaning up the code? Thank you!

[redelite]

Change up your CSS just a little bit..



#wrapper {
background: #fff;
display: block;
margin: 0 auto;
width: 966px;
}

#wrapper:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


Hope this helps! :beer:

[redViper]

AHh!
Thanks a lot. I'm not a coder.. I don't know these tricks. Thank you for your help! Much appreciated!!

[redViper]

Ok I feel super slow

I re-did the layout .. but for some reason it's not working properly.

http://www.enterthepicture.com/

On my computer it looks decent.. but when I zoom the page or view the page on other .. larger computers it doesn't work properly. I need to fix it so that's it more fluid. Does that make sense?

These are the pages that are working right now:

http://enterthepicture.com/newsite/productions.php
http://enterthepicture.com/newsite/productions_ronjamesshow.php

[johnb2]

Those pages look really good on my monitors.

Viewed at 1280x1024 and 1920x1200.

I zoomed on both and didn't see any issues.

Checked in IE 7&8 and Firefox.

[redViper]

fer reals?
ok. hmm so maybe it's alllright.

thanks!

[redViper]

when I zoom out I'd like the text on the right to float on the left at that box. the way it is now.. when the page is bigger.. it favors the right side of the div box.

Im frrrrrrrustrated

[redViper]

http://enterthepicture.com/newsite/

On my screen.. the flash gallery box is cutting off the text.. and I dont know know why. check attachment.

[redViper]

now i cant upload. whats wrong with me.

[redViper]

ahh!
Ok I think I've got it the way I want it. Yipeee!

[redViper]

OK sorry for whoever is reading all this :P

Now I can't figure this out. I changed the left column to float cause that's the only thing I could get to work.

Now on this page (http://www.enterthepicture.com/newsite/productions_ronjamesshow.php) the left floats on top of the footer.

I've added clear:both to the footer and such but no such luck. Any ideas?

[Dj-Studios]

What are the divs twoCols and MainCol doing? When I inspect them they have no content and mainCol doesn't even look like it's being closed with a closing div tag.

Also try putting leftCol before rightCol. Code is loaded top to bottom and left to right just like a book. Does leftCol really need to be absolute position? This whole layout looks like it could be float tags all throughout. That's what I would do anyway.

[redViper]

Ok so I'm pretty sure everything is working fine.
I've tested it on a few systems and everything looks great.

My only issue is that my client is saying everything looks mangaled on her screen. text isnt lining up properly.. going over photos etc;. now I feel like she might have text or the screen zoomed but can anyone figure out why this might be happening?

[simplistik]

have her make a screen shot and stop using IE6 :P

[redViper]

going to take a look t it today. im right, it should work on all screens right??

[redViper]

I re-did the layout.
everything is working great now. :mr_t:

[3dy]

Not found. I'm glad you solved the problem anyway.