Safari Issues: Background tiling in relative tables

section8ight · 09-08-2004, 01:14 AM

Recently acquiring a mac has made me realize that the ways im used to developing my websites aren't 100% cross-platform compatible.

I commonly will stick a background in a table and set it's width to 100% in order to get it to span 100% of the screen. An example of this would be the side columns in this site www.clubmedusa.us . In IE they stretch all the way to the bottom, however in Safari they cut off after the blankspace that was inserted into the table.

How would i go about getting around this, while achieving the same effect?

Gibberish · 09-10-2004, 06:35 PM

You'll run into thise issue alot using a wysiwyg.

Try coding in notepad or a small editor like editPlus. then just open a browser to test the layout.

Dreamweaver code in design view is not cross platform half the time.

Twister · 09-10-2004, 07:58 PM

Dreamwever is cross platform if you create it that way. Look at the code you or your wysiwyg program is creating and you'll be fine. You code is nice and clean by the way.

To answer your question, look at your code. There are a few issues. Like an extra s that is floating in your style sheet. I'm not sure the exact cause of your issue, as most things look right.

Twister · 09-10-2004, 08:02 PM

Fixed it! Take out the high=100% in the td's. Since you already defined that in the table tag you shouldn't have to do it again. That'll fix it!

09-08-2004, 01:14 AM	#1
section8ight Registered User Join Date: Oct 2003 Posts: 77	Safari Issues: Background tiling in relative tables Recently acquiring a mac has made me realize that the ways im used to developing my websites aren't 100% cross-platform compatible. I commonly will stick a background in a table and set it's width to 100% in order to get it to span 100% of the screen. An example of this would be the side columns in this site www.clubmedusa.us . In IE they stretch all the way to the bottom, however in Safari they cut off after the blankspace that was inserted into the table. How would i go about getting around this, while achieving the same effect?

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

09-10-2004, 06:35 PM	#2
Gibberish WHAT!? Join Date: Aug 2004 Location: San Diego, CA Posts: 1,774	You'll run into thise issue alot using a wysiwyg. Try coding in notepad or a small editor like editPlus. then just open a browser to test the layout. Dreamweaver code in design view is not cross platform half the time.


<a href='http://d1.openx.org/ck.php?n=ac86e9f0&cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://d1.openx.org/avw.php?zoneid=36053&source=_blank&cb=INSERT_RANDOM_NUMBER_HERE&n=ac86e9f0' border='0' alt='' /></a>

09-10-2004, 07:58 PM	#3
Twister Registered User Join Date: Feb 2002 Location: Minneapolis Posts: 77	Dreamwever is cross platform if you create it that way. Look at the code you or your wysiwyg program is creating and you'll be fine. You code is nice and clean by the way. To answer your question, look at your code. There are a few issues. Like an extra s that is floating in your style sheet. I'm not sure the exact cause of your issue, as most things look right.

09-10-2004, 08:02 PM	#4
Twister Registered User Join Date: Feb 2002 Location: Minneapolis Posts: 77	Fixed it! Take out the high=100% in the td's. Since you already defined that in the table tag you shouldn't have to do it again. That'll fix it!