Programming Forums
User Name Password Register
 

RSS Feed
FORUM INDEX | TODAY'S POSTS | UNANSWERED THREADS | ADVANCED SEARCH

Reply
 
Thread Tools Display Modes
Old Aug 29th, 2007, 1:25 PM   #1
bigguy
Professional Programmer
 
bigguy's Avatar
 
Join Date: Sep 2005
Location: Arkansas
Posts: 298
Rep Power: 0 bigguy is an unknown quantity at this point
Send a message via AIM to bigguy Send a message via MSN to bigguy Send a message via Yahoo to bigguy
CSS file for Firefox

* { 
	margin: 0;
	padding: 0;
}
  
body { 
	background: #333 url("images/back.gif") repeat;
	text-align: center;
	font: normal 11px/18px verdana, arial, tahoma, sans-serif;
	color: #333;
	padding-top: 40px;
}  

a {
	color: #666;
	text-decoration: none;
}  

a:visited { 
	text-decoration: underline;
}  

a:hover {
	color: #000;
}

#header {
	width: 580px;
	height: 210px; 
	background: #000 url("images/header2.png") no-repeat;
	background-position: top right;
}  

#wrapper { 
	width: 580px;
	background: #fff url("images/sidebar.gif") repeat-y;
	background-position: 0 0;
	border: solid 10px #fff;
	margin: 0 auto;
	text-align: left;
}  

h1 {
	width: 140px;
	height: 30px;
	background-color: #333;
	margin: 1px 1px 1px 0;
	float: left;
	font: bold 16px/30px arial, verdana, tahoma, sans-serif;
	padding-left: 10px;
	color: #fff;
	cursor: default;
}

h1:first-letter {
	color: #f00;
	text-decoration: underline;
}

h2 {
	width: 419px;
	height: 30px;
	background-color: #333;
	float: right;
	clear: both;
	font: bold 16px/30px arial, verdana, tahoma, sans-serif;
	padding-left: 10px;
	color: #fff;
	margin-top: 1px;
	cursor: default;
}

#nav {
	list-style: none;
	z-index: 2;
	border-right: 1px solid #fff;
	height: 210px;
	width: 150px;
}

#nav li a {
	color: #fff;
	font: normal 11px/24px verdana, arial, tahoma, sans-serif;
	display: block;
	width: 140px;
	height: 24px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	padding-left: 10px;
	text-decoration: none;
}

#nav li a:hover {
	background-color: #333;
}

#current a {
	background-image: url("images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

#sidebar {
	width: 132px;
	background-color: #ccc;
	float: left;
	position: relative;
	left: -4px;
	margin-left: -147px;
	border-top: 1px solid #fff;
	font: normal 10px/18px verdana, arial, tahoma, sans-serif;
	padding: 8px;
}

img {
	border: none;
}

a img {
	margin-bottom: 20px;
	border: 1px solid #fff;
}

a:hover img {
	border-color: #f00;
}

#content {
	float: left;
	width: 400px;
	margin: 10px 0 0 10px;
}

p {
	margin-bottom: 20px;
}

p:first-line {
	font-weight: bold;
}

#footer {
	text-align: center;
	clear: both;
	width: 400px;
	margin-left: 163px;
}
As of now this works in IE, but I need one for FireFox, can yall help me? The problem is the sidebar seems to overhang to the left a little bit and it takes the body with it. TO get an idea of what I am talking about goto, http://www.geocities.com/it_clientsite in IE and look at it, then view it in Firefox and you will see the difference. Can anyone help? Also my CODE tools and everything else aint working still, wtf is going on? Big_K if you read this, I PMed you about 2 weeks ago, and still no reply, my PM's havent been going through either.
__________________
Forgiveness is the fragrance that the violet sheds on the heal that has crushed it. - Mark Twain

Destruction leads to a very rough road, but it also breeds creation.

Last edited by big_k105; Aug 29th, 2007 at 2:05 PM. Reason: CSS looked like shit (same reason, heh)
bigguy is offline   Reply With Quote
Old Aug 29th, 2007, 2:09 PM   #2
big_k105
PFO Founder

 
big_k105's Avatar
 
Join Date: Mar 2004
Location: Fargo, ND
Posts: 1,649
Rep Power: 10 big_k105 is on a distinguished road
Send a message via AIM to big_k105 Send a message via MSN to big_k105 Send a message via Yahoo to big_k105
I'm not sure what the problem is but I edited your css so that it looks better. Much easier to read now.
__________________
BIG K aka Kyle
Programming Forums
Kyle K Online

Please do not PM or email me programming questions. Post them in the forums instead.
big_k105 is offline   Reply With Quote
Old Aug 29th, 2007, 5:24 PM   #3
bigguy
Professional Programmer
 
bigguy's Avatar
 
Join Date: Sep 2005
Location: Arkansas
Posts: 298
Rep Power: 0 bigguy is an unknown quantity at this point
Send a message via AIM to bigguy Send a message via MSN to bigguy Send a message via Yahoo to bigguy
Thanks I've been manually having to type in the CODE tags and it always seems to go across instead of down. Thanks
__________________
Forgiveness is the fragrance that the violet sheds on the heal that has crushed it. - Mark Twain

Destruction leads to a very rough road, but it also breeds creation.
bigguy is offline   Reply With Quote
Old Aug 29th, 2007, 7:26 PM   #4
bigguy
Professional Programmer
 
bigguy's Avatar
 
Join Date: Sep 2005
Location: Arkansas
Posts: 298
Rep Power: 0 bigguy is an unknown quantity at this point
Send a message via AIM to bigguy Send a message via MSN to bigguy Send a message via Yahoo to bigguy
BigK my problem with the tools has somethign to do with the browser I thinik. It wasnt working in firefox now I'm in avant and it working fine. Piece of shit firefox. Thats two problems I'm having with FF CSS and the tools lol. Anyone got advice for my CSS file to work in FF?

:banana:
__________________
Forgiveness is the fragrance that the violet sheds on the heal that has crushed it. - Mark Twain

Destruction leads to a very rough road, but it also breeds creation.
bigguy is offline   Reply With Quote
Old Aug 29th, 2007, 9:33 PM   #5
DaWei
Resident Grouch
 
DaWei's Avatar
 
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10 DaWei is on a distinguished road
I'm not familiar with the Avant browser, but I understand it's a clone++ of IE. That means that Firefox is the more compliant, and the other is likely the piece of shit.

IE does not render the box model properly prior to IE7, and IE7 doesn't do it if you don't have the proper DTD.

You could google box model hack or visit A List Apart for ways to write the CSS properly, then hack for IE.
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code.
Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers
DaWei is offline   Reply With Quote
Old Aug 30th, 2007, 3:42 AM   #6
mrynit
Hobbyist Programmer
 
mrynit's Avatar
 
Join Date: Mar 2006
Location: WA, USA
Posts: 332
Rep Power: 3 mrynit is on a distinguished road
Send a message via AIM to mrynit Send a message via MSN to mrynit Send a message via Yahoo to mrynit Send a message via Skype™ to mrynit
It looks fine in FF 2.0.0.6 and opera 9.22. here is what it looks like in IE 6.

The W3C has standards but why does IE not follow them?
__________________
i dont know much about programming but i try to help
mrynit is offline   Reply With Quote
Old Aug 30th, 2007, 4:49 AM   #7
lectricpharaoh
Caffeinated Neural Net
 
lectricpharaoh's Avatar
 
Join Date: Jun 2005
Location: Dry west coast of Canada
Posts: 1,034
Rep Power: 5 lectricpharaoh will become famous soon enough
I seriously doubt your problem is caused by Firefox, since it's much more compliant with web standards. In fact, it looks virtually identical in IE6 and Firefox 2.0.0.6 to me. The only differences I noticed were limited to very minor font differences (no doubt due to different browser defaults). I could only notice these differences while viewing the pages side by side.

To illustrate, here are screenies (scaled to save bandwidth) for the two browsers:




So, where's the problem?

[edit] On closer inspection, I noticed another difference: where it says 'A couple things' in your menu bar at left, it (being the remainder of that line) doesn't line up with the rest of the layout in the IE version, but does in the Firefox one. Seems to me if one is not producing the desired appearance that it's the IE version. [/edit]
__________________
And once again, Probability proves itself willing to sneak into a back alley and service Drama as would a copper-piece harlot.
- Vaarsuvius, Order of the Stick
lectricpharaoh is offline   Reply With Quote
Old Aug 30th, 2007, 9:20 AM   #8
bigguy
Professional Programmer
 
bigguy's Avatar
 
Join Date: Sep 2005
Location: Arkansas
Posts: 298
Rep Power: 0 bigguy is an unknown quantity at this point
Send a message via AIM to bigguy Send a message via MSN to bigguy Send a message via Yahoo to bigguy
Yeah it was worse then that though. I found the problem I was calling the stylesheet like 3 or 4 times in the html file. lol But it's all fixed now except that A couple things, and the page where you are located is now being pulled to the left a little. But thanks for yall help
__________________
Forgiveness is the fragrance that the violet sheds on the heal that has crushed it. - Mark Twain

Destruction leads to a very rough road, but it also breeds creation.
bigguy is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread in Forum | Next Thread in Forum »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
problem processing file into a char array csrocker101 C++ 1 May 8th, 2007 11:50 PM
converting string to float beginnerCCC C 22 Oct 2nd, 2006 11:59 PM
OnlineTextEditor.Com! Sane Show Off Your Open Source Projects 43 Jun 16th, 2006 8:55 AM
After execution - Error cannot locate /Skin File? wchar Visual Basic 1 Mar 5th, 2005 9:04 PM
airport Log program using 3D linked List : problem reading from file gemini_shooter C++ 0 Mar 2nd, 2005 4:12 PM




DaniWeb IT Discussion Community
All times are GMT -5. The time now is 10:59 AM.

Powered by vBulletin® Version 3.7.0, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2007 DaniWeb® LLC