CSS Forum

**robmack** · 02-14-2008, 03:53 PM

I just completed a site proof for my customer to view, and he was unable to see it in his browser.

I am using firefox v 2.0.0.11 and is previews perfectly. I also have Safari, and when I use it there is nothing but a white screen.

I put all my code both html and CSS plus links through W3C validation and it gets no errors.

I am now adding one <div> at a time and proofing each addition in Safari, and and the first 4 work and preview fine, but adding the 5th <div>, which is a left panel container, I am back to a blank white screen.

Does anyone know of new problems with Safari, or IE (my customer's browser) that would cause this kind of behavior.

I am using a Mac and Adobe GoLive to build the site, but I am only using the CSS editor and html, not the WYSIWYG tools.

**robmack** · 02-14-2008, 04:02 PM

Here is the site, if any of your browsers are able to view it --for sure firefox will.

http://www.stick-chair.com

**blue-dreamer** · 02-14-2008, 04:20 PM

Look in your css

<!--body - try taking out the <!--

**robmack** · 02-14-2008, 08:18 PM

Quote:

Originally Posted by blue-dreamer

Look in your css

<!--body - try taking out the <!--

Thanks for your input, I must have put in 6 hours just trying to figure it out. But I must say, that this is very surprising to me. I have been "" like that for the last 2 years and have never had a problem nor would I have suspected this to be the problem.

Is it just problematic on particular browsers? Or, is this now new rules to code by? Is there a new/another way to comment in the body structure?

Anyway, I am so relieved just to have it working.

**LadynRed** · 02-14-2008, 08:48 PM

Nothing wrong with comments, but the browser read that <!-- body as if you were commenting out the entire <body> section - hence the blank page.

**robmack** · 09:05 PM

Quote:

Originally Posted by LadynRed

Nothing wrong with comments, but the browser read that <!-- body as if you were commenting out the entire <body> section - hence the blank page.

Thanks, and now I understand -- but FireFox must have been ignoring that typo and perhaps if it didn't, I would have not been so convinced it was the CSS alone.

--robmack

**RadGH** · 02-15-2008, 03:53 AM

Well you fixed the blank page, and it looks great in Firefox. But its a disaster in IE:

http://i117.photobucket.com/albums/o59/RadleyGH/ie7.jpg

**robmack** · 02-15-2008, 06:55 AM

Quote:

Originally Posted by RadGH

Well you fixed the blank page, and it looks great in Firefox. But its a disaster in IE:

http://i117.photobucket.com/albums/o59/RadleyGH/ie7.jpg

Now what???
Why it IE so different, I keep hearing of and seeing IE fixes/work-arounds all the time, so it has to be a terribly written browser. Why is it still in use?

Enough of my ranting... is there a fix to make IE see my code and use it properly? or is my code wrong?

Still need help...

http://www.stick-chair.com

**LadynRed** · 02-15-2008, 02:49 PM

IE is different .. well... because MS made it that way. They do things THEIR way - as always - and in the case of IE6 and below they chose to ignore the standards.

Why is it still in use ? C'mon.. you're FORCED to have the thing if you have a Windows system ! Unless you are savvy enough to use another browser, that's all most people know ! Sad for them...

Your biggest problem - using position:absolute for nearly everything -- not a good practice at all, definitely unnecessary, and it DOES cause problems in IE!

**robmack** · 02-15-2008, 03:01 PM

Quote:

Originally Posted by LadynRed

Your biggest problem - using position:absolute for nearly everything -- not a good practice at all, definitely unnecessary, and it DOES cause problems in IE!

I can't seem to get <div>'s to go where I need them without "absolute positioning", within a "relative positioned" container. That's how I learned it from a text book.

Do you know of a better way to make <div>'s behave and go where they are intended to go?

Many thanks.
--Rob

**LadynRed** · 02-17-2008, 10:38 AM

I do it every single day using floats. If the only way you can make divs go where you want is absolute positioning, then you need to learn more about layouts and CSS.

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

**robmack** · 02-17-2008, 11:14 AM

Quote:

Originally Posted by LadynRed

I do it every single day using floats. If the only way you can make divs go where you want is absolute positioning, then you need to learn more about layouts and CSS.

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

Thanks, for this help and feedback. Actually, I have just purchased two new text books on CSS, and have made many revisions to the page...from the ground up so to speak. I have rewritten the html to be in the correct logical order and test each piece of CSS code in 3 different browser, and everything looks good. I'll soon upload the new version...

Many thanks,
--Rob