CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

safari & css

Discuss safari & css in the CSS Help forum on Dev Shed.
safari & css Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Page 1 of 2 1 2 >
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old September 19th, 2003, 11:34 AM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
safari & css
hello. I am wondering if someone could help me out.

i have is code in my html page:
Code:
<div id="tabholder" style="padding-bottom: 10px;">
<div id="descriptiontab" class="stdtext" style="background-color: #99CCFF; text-align: center; padding: 6px; display: inline; border: 1px solid #6699CC;"><b>Description</b></div>
<div id="specstab" class="stdtext" style="background-color: #ECF3FB; text-align: center; padding: 6px; display: inline; border: 1px solid #6699CC;"><a name="logdetail" href="javascript:ShowSpecs();"><b>Specs</b></a></div>
<div id="mediatab" class="stdtext" style="background-color: #ECF3FB; text-align: center; padding: 6px; display: inline; border: 1px solid #6699CC;"><a name="logdetail" href="javascript:ShowMedia();"><b>Image Library</b></a></div>
<div id="addreviewtab" class="stdtext" style="background-color: #ECF3FB; text-align: center; padding: 6px; display: inline; border: 1px solid #6699CC;"><a name="logdetail" href="/store/reviews.php?action=addreview&itemid=896"><b>Be the first to review this product</b></a></div>
</div>


it displays fine in IE (Mac/PC) and Netscape/Mozilla (Mac/PC) but when it comes to Safari it doesnt put in the padding on the top and bottom of the div's like it's told to. am i just missing something here or is there some fix i can do for it. attached is a picturee of what i sould look like and what it looks like in safari. safari is on the top and what's is suppost to look like is on the bottom.

thanks in advance for your help.
Attached Images
File Type: gif safari.gif (2.8 KB, 309 views)
__________________
Jon Whitcraft
Web Applications Developer :: Zend Certified Engineer
http://www.indianapolismotorspeedway.com/

Quote:
Originally said by Tyler Durden
Our fathers were our models for God. If our fathers bailed, what does that tell you about God? Listen to me. You have to consider the possibility that God does not like you. He never wanted you. In all probability, he hates you. It's not the worst thing that can happen to you. We don't need him. **** damnation, man. **** redemption. We are God's unwanted children, SO BE IT! First you have to give up. First, you have to know, not fear, that someday, you're gonna die. It's only after we've lost everything that we're free to do anything.
Reply With Quote
  #2  
Old September 19th, 2003, 01:45 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Hi Jon,

Did you try using margin in place of padding?
__________________
Give a person code, and they'll hack for a day; Teach them how to code, and they'll hack forever.
Analyze twice; hack once.
The world's first existential ITIL question: If a change is released into production without a ticket to track it,
was it actually released?

About DrGroove: ITIL-Certified IT Process Engineer - Enterprise Application Architect -
Freelance IT Journalist - Devshed Moderator - Funk Bassist Extraordinaire
Reply With Quote
  #3  
Old September 19th, 2003, 01:51 PM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
i need to use padding so that the color goes out to the edge....

this is how they work compared to table cells:

padding = cellpadding
margin = cellspacing

i cant for the life of me figure it out...it really pisses me off...
Reply With Quote
  #4  
Old September 19th, 2003, 01:54 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Quote:
Originally posted by jon_whitcraft
i need to use padding so that the color goes out to the edge....

this is how they work compared to table cells:

padding = cellpadding
margin = cellspacing

i cant for the life of me figure it out...it really pisses me off...


Wish I could help you more d00d, but I don't have an OSX machine w/ Safari on it here to test

Do you have to do this w/ div's ? Could you switch to tables, and just use cellpadding? Just a thot...
Reply With Quote
  #5  
Old September 19th, 2003, 01:58 PM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
well i could but i am moving the detail page to an all css layout..so that would defeat my purpose....
Reply With Quote
  #6  
Old September 19th, 2003, 02:01 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Quote:
Originally posted by jon_whitcraft
well i could but i am moving the detail page to an all css layout..so that would defeat my purpose....


Yeah, I know what you mean... who knows, though - doing it in tables could be just an intermediary solution until Apple and/or K updates the CSS support in the safari/khtml browser. You could move back to divs w/ css once apple/k get their css act together.

[inside_joke]
Anyway - big deal then if it doesn't work right in Safari... who cares about Mac's stupid ol' browser, anyway?
[/inside_joke]
Reply With Quote
  #7  
Old September 19th, 2003, 02:06 PM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
ok i have just found something out...it only supports padding on the left and right when you us display: inline; which is what i have to use so that they dont wrap..how stupid is that...hrmm...i'll evaluate some other options...span tags here i come
Reply With Quote
  #8  
Old September 19th, 2003, 02:08 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Quote:
Originally posted by jon_whitcraft
ok i have just found something out...it only supports padding on the left and right when you us display: inline; which is what i have to use so that they dont wrap..how stupid is that...hrmm...i'll evaluate some other options...span tags here i come


lol... cool. Well, at least you found a solution.
Reply With Quote
  #9  
Old September 19th, 2003, 02:10 PM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
ya not so much..it does the same thing...becuase span tags have default display: inline...it also does not work...i'm trying to find an email address to apple to complain about this browser mishap...
Reply With Quote
  #10  
Old September 19th, 2003, 02:13 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Quote:
Originally posted by jon_whitcraft
ya not so much..it does the same thing...becuase span tags have default display: inline...it also does not work...i'm trying to find an email address to apple to complain about this browser mishap...


The safari page says theres a bug button on the safari browser itself...

http://www.apple.com/lae/safari/
(search for 'bug' on the page)
Reply With Quote
  #11  
Old September 19th, 2003, 02:17 PM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
ya but the problem is that the page is on dev not production so i cant send it to them becuase they want the page url....
Reply With Quote
  #12  
Old September 19th, 2003, 02:20 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Quote:
Originally posted by jon_whitcraft
ya but the problem is that the page is on dev not production so i cant send it to them becuase they want the page url....


Ah. I grok.

Well, you could always put up a non-linked page on production, like
http://www.swillwater.com/test/safari_bug_page.php
or something similar...
Reply With Quote
  #13  
Old September 23rd, 2003, 01:54 PM
jon_whitcraft's Avatar
jon_whitcraft jon_whitcraft is offline
PHP Coder
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2001
Location: Indianapolis, IN, USA
Posts: 367 jon_whitcraft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 28 m 34 sec
Reputation Power: 7
Send a message via Yahoo to jon_whitcraft
man i had to go with a freeking table....i spent a good 6 hrs on it yestarday and today and i cant figure anything out...i'll let you know when the page goes live....it rocks...with this i have cut out support for netscape 4.7 hee hee...
Reply With Quote
  #14  
Old September 23rd, 2003, 02:02 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,224 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 34 m 57 sec
Reputation Power: 174
Quote:
Originally posted by jon_whitcraft
man i had to go with a freeking table....i spent a good 6 hrs on it yestarday and today and i cant figure anything out...i'll let you know when the page goes live....it rocks...with this i have cut out support for netscape 4.7 hee hee...


Well, at least you got it working, right?

Netscape 4.x is teh sux0r, anyway. I've stopped supporting Netscape v.X < 6. If it doesn't work in Netscape 4.x, upgrade, or suffer.

Yeah, PM me (or post, wtf) a link once its up... it'd be cool to see it live.

What did Apple say (if anything) about the Safari bug?