Click to See Complete Forum and Search --> : css layout problems


anniebelle82
03-12-2006, 06:28 AM
Im new to CSS, so im still tyring to figure everything out. Currently, I am having problems with the layout.

The work in progress website can be found at: http://members.iinet.net.au/~hinda/promozone/index2.html

Basically, the subscrpition box is suppose to fit neatly on the right of the page, but I cant seem to be able to do this.

Any suggestions?

drhowarddrfine
03-12-2006, 08:40 AM
Where do you get xheight and xmargin from? There is no such thing.

drhowarddrfine
03-12-2006, 08:45 AM
The two divs, content and subscription are both static. The first naturally occurs before the second in the document flow. In order to get subscription to appear on the right, you will need to float both. float #document left and #subscription right. They'll need some fixing up though.

anniebelle82
03-12-2006, 08:57 AM
Cheers, I got it working, Thanks!

anniebelle82
03-12-2006, 09:02 AM
wait no, i spoke too soon. it works in IE but not in mozilla

Fang
03-12-2006, 10:38 AM
Works the same in both browsers.

Use css to align the anchors in #left, not  

anniebelle82
03-12-2006, 10:39 AM
the bottom cell does not work in mozilla.... but it does in IE

drhowarddrfine
03-12-2006, 10:48 AM
Need to be a little more specific. It looks better to me in FF than IE.

anniebelle82
03-12-2006, 10:51 AM
really? mozilla on my laptop is not displaying the background image for the bottom cell. It's also not showing the background image for the 'container'. It looks fine on IE. I am using Mozilla Version 1.0.7

drhowarddrfine
03-12-2006, 11:49 AM
Didn't notice the "bottom" before. The problem you are having is that most of the "stuff" above that is floated and taken out of the normal flow. Because of this, the background image is hidden behind the floated elements. Try "clear:both;" in the bottom div.

anniebelle82
03-12-2006, 11:52 AM
Cool, it works perfectly! Thanks drhowarddrfine and Fang.

p.s: Happy Birthday Fang for tomorrow