3 replies [Last post]
davidgriswold
Offline
newbie
Omaha
Last seen: 16 years 35 weeks ago
Omaha
Joined: 2004-03-28
Posts: 3
Points: 0

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

rmcivo1
Offline
Enthusiast
Shropshire | Shrewsbury
Last seen: 9 years 37 weeks ago
Shropshire | Shrewsbury
Joined: 2003-12-05
Posts: 115
Points: 0

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 Laughing out loud

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

The Cyber World

davidgriswold
Offline
newbie
Omaha
Last seen: 16 years 35 weeks ago
Omaha
Joined: 2004-03-28
Posts: 3
Points: 0

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

davidgriswold
Offline
newbie
Omaha
Last seen: 16 years 35 weeks ago
Omaha
Joined: 2004-03-28
Posts: 3
Points: 0

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