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

Page 2 - Div class not behaving in Safari - work around?

Page 2 - Discuss Div class not behaving in Safari - work around? in the CSS Help forum on Dev Shed.
Div class not behaving in Safari - work around? 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 2 of 2 < 1 2
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #16  
Old May 2nd, 2008, 12:55 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
It's not working right because you've got a stray brace.

The first step in debugging should always be making sure that your code is valid.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
__________________
Spreading knowledge, one newbie at a time.

Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

IE7: the generation 7 browser new in a world of generation 8 browsers.
Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.
Reply With Quote
  #17  
Old May 2nd, 2008, 01:52 AM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
Quote:
Originally Posted by Kravvitz
It's not working right because you've got a stray brace.

The first step in debugging should always be making sure that your code is valid.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/


And by brace I take it you mean a </XXX>?

I've run it through the validator, and only the /alt remain from the menu

could this be it?
Reply With Quote
  #18  
Old May 2nd, 2008, 10:11 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
Sorry, I should have been more specific. I meant a "}" (right curly brace) in your stylesheet. Stray braces in stylesheets can cause some of the weirdest problems, hence why it's so important to validate early and often, especially when something seems wrong.
Comments on this post
pcdesignwerx agrees!
Reply With Quote
  #19  
Old May 2nd, 2008, 10:22 AM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
Quote:
Originally Posted by Kravvitz
Sorry, I should have been more specific. I meant a "}" (right curly brace) in your stylesheet. Stray braces in stylesheets can cause some of the weirdest problems, hence why it's so important to validate early and often, especially when something seems wrong.


thanks. I'll check this.
Reply With Quote
  #20  
Old May 2nd, 2008, 10:51 AM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
Quote:
Originally Posted by pcdesignwerx
thanks. I'll check this.


Excellent. Thanks - that worked.

It's going to be a steep learning curve!
Reply With Quote
  #21  
Old May 4th, 2008, 11:15 PM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
one more thing...what would be the appropriate way to add this?
Reply With Quote
  #22  
Old May 5th, 2008, 12:17 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
Change
Code:
		<div id="contentpart">
		<div class="contentpad">
			<div class="titletext">The Usual </div>
			<div class="sep"></div>

to
Code:
		<div id="contentpart">
		<ul id="secondaryNav">
			<li><a href="#">Steveston Pizza</a></li>
			<li class="last"><a href="#">Steveston Express</a></li>
		</ul>
		<div class="contentpad">
			<h1>The Usual</h1>

Then remove the ".contentpad" rule and add these rules:
Code:
#secondaryNav {
	list-style-type: none;
	margin: 0;
	padding: 0 2em;
}

#secondaryNav li {
	float: left;
}
#secondaryNav li.last {
	float: right;
}

.contentpad {
	padding: 45px 70px;
}

h1 {
	font-size: 30px;
	line-height: 1.6;
	padding: 0;
	margin: .5em 0;
	border-bottom: 1px solid #bcbdc0;
}

I'll let you style the links yourself.
Reply With Quote
  #23  
Old May 5th, 2008, 11:49 PM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
Great thanks. That helps alot.
Reply With Quote
  #24  
Old May 5th, 2008, 11:52 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
You're welcome

font-weight:normal

SitePoint's CSS Reference is your friend.
Reply With Quote
  #25  
Old May 5th, 2008, 11:57 PM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
Now lets say I wanted to scrap everything I learned about CSS and wanted to learn this new way...what's a good reference / tutorial?
Reply With Quote
  #26  
Old May 6th, 2008, 01:25 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
New? It's not particularly new. Some people have been using most of the techniques I use for over 5 years now.

As to tutorials, it's hard to answer that, since beginners' tutorials may bore you and it's difficult for me to tell which ones might be too advanced.

SitePoint and Search-This.com have some great articles:
http://www.sitepoint.com/article/ht...beginners-guide
http://www.sitepoint.com/article/ht...-perfect-markup
http://www.sitepoint.com/subcat/css
http://www.search-this.com/category/css/

Make Your Site BulletProof With Floats is also worth reading.
Reply With Quote
  #27  
Old May 6th, 2008, 10:14 AM
pcdesignwerx pcdesignwerx is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 12 pcdesignwerx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 5 m 17 sec
Reputation Power: 0
Thanks.

FYI "New" as in "new" to me
Reply With Quote
Reply
Page 2 of 2 < 1 2

Viewing: Dev Shed Forums > Web Design > CSS Help > Div class not behaving in Safari - work around?

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump