Sun, 2004-03-28 04:48
I have a sample page for a site I am designing for a relative. I had been using a static, two column, with header and footer. All was well, until I came to this page, which had too much copy. So, I either edit the copy (the easy way out) or make the layout more dynamic. So, after some trial and error, and some other's examples, I came up with a two column format, with header and footer, and will adjust to the length of the content.
So, my problem is, like so many other CSS problems, is that it doesn't show up the way I anticipated in all browsers. It works the way I want in Opera (well, almost), but in IE and Gecko based broswers, I get gaps between the bottom of the menu column and the top of the footer graphic.
Here is a link to the page in question:
http://68.99.17.26:8081/apache/Firewater1.html
Now, my HTML/CSS experience is just barely above novice, so be nice! I would appreciate any feedback and help.
David
Sun, 2004-03-28 07:44
#1
Positioning and Browsers
I have had probelms simular to that.. It looks like that you have fixed your problem.. Its looks fine in Internet explorer 
How did you get your internal server to work externally?
I have had many problems trying to get it to work.. I am currently with phpdev4. Could you help?
Thanks
Sun, 2004-03-28 15:22
#2
Positioning and Browsers
What version of Internet explorer are you using? I am using IE 6, SP1, and I see a 3 pixel gap between the bottom of the menu column and the top of the Text block. I haven't had a chance to look at it with IE 5.x.
In Mozilla Firefox, there is a gap between the menu, footer graphic and footer text block.
As for using making my web server accessible to the world, I simple made it respond to a port other than port 80. In my case, I chose 8081. My ISP (COX High Speed) blocks any inbound port 80 traffic. It's pretty easy to do.
David
Sun, 2004-03-28 17:01
#3
thanks!
I figured it out. Silly mistake. I forgot to specify an exact height for the div's that contained the img's at the bottom of the page. As soon as I did, the annoying 3px gaps vanished.
David