|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
|
|
#1
July 30th, 2006, 12:57 AM
|
|||
|
|||
|
Style Sheets anyone?
Code:
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:125px;
overflow:no;
background:#53829d;
color:#fff;
}
#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:*;
overflow:auto;
text-align:right;
background:#73a2bd;
}
#contents {
height:*;
width:100%;
position:fixed;
top:125px;
left:0;
bottom:125px;
right:0;
overflow:auto;
background:#fff;
/* for internet explorer */
* html body {
padding:200px 0 80px 0;
}
* html #contents {
height:100%;
width:100%;
}
Thats what my sheet looks like currently, trouble is, works fine in Firefox, cant get it to display correctly in IE. content gets choped off at the top and bottom. http://www.420ganjaheaven.com/test/test.shtml As you can see firefox understand my style sheet just fine, need help with the IE side... Could prolly give someone some free hosting space if they can provide some good assistance. V/R Paul
|
|
#2
July 30th, 2006, 02:47 AM
|
|||
|
|||
|
Please fix your HTML and CSS errors.
You should use a complete doctype (one that includes a URL) to get browsers to render as close to the same as possible. I recommend HTML 4.01 Strict. Activating the Right Layout Mode Using the Doctype Declaration Fix Your Site With the Right DOCTYPE! Choosing a DOCTYPE Use the Right Doctype Doctype switching http://www.w3.org/QA/2002/04/Web-Quality http://www.w3.org/QA/2002/04/valid-dtd-list.html In the future, please don't cross-post. Please read Guidelines and Suggestions for Posting on Web Development Forums.
|
|
#3
July 30th, 2006, 12:09 PM
|
|||
|
|||
|
Sorry about the crosspost. I dont think I am undertstanding what your saying? I am not a noob, but havent done this in a while. Noob to style sheets however.
I do use noob like dreamweaver, but I dont use the design view, I use code view, maybe explain a little bit more to me?
|
|
#4
July 30th, 2006, 12:22 PM
|
|||
|
|||
|
Son of a gun
http://www.420ganjaheaven.com/test/test.shtml After re reading your post, I began to understand a bit more... Its displaying correctly in IE7 ( dont know about others) Now how do I get rid of the double scroll bar in ie?
|
|
#5
July 30th, 2006, 02:45 PM
|
|||
|
|||
|
I'll be happy to answer that after you finish cleaning up your HTML code and fix your CSS errors. One of your CSS errors is that you are missing a "}" before the "/* for internet explorer */" comment. Another is that "*" isn't a valid value for the height property. If you don't want to set it, don't bother to specify it.
In addition to your HTML validation errors, your code makes little sense semantically, for example Code:
<p><strong>title</strong><br> description</p> <p><strong>title</strong><br> description</p> would probably be best written like Code:
<dl> <dt>title</dt> <dd>description</dd> <dt>title</dt> <dd>description</dd> </dl> Read some of these: Semantic code: What? Why? How? The Meaning of Semantics (Take I) Semantic code Creating Semantic Structure Semantics, HTML, XHTML, and Structure Standards don't necessarily have anything to do with being semantically correct Semantic Coding Last edited by Kravvitz : July 30th, 2006 at 02:51 PM.
|
|
| Viewing: Dev Articles Community Forums > Web Design > Web Development > Style Sheets anyone? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
 |
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
