/    Sign up×
Community /Pin to ProfileBookmark

Validating css; It’s all mumbo-jumbo to me

Can anyone perhaps explain to me why my page isn’t validating? The w3 website doesn’t really explain in a way that’s understandable to me what is wron with certain elements. Please take a look if you would.
It mentions certain tags being open and not allowed etc. When I open the file in internet explorer it looks the way it should but in netscape it looks weird.

Here is the web address…
[URL=http://www.graphic-ills.com]Graphic Ills[/URL]

Here is the css script:

body { background-color: #FCFAFA; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;

}
h1 { font-size: 2em; font-family: arial; }
p { font-size: 1.25em; text-align: left; margin-left: 2px; margin-bottom: 5px; }
ul { list-style-type: circle; font-size: 1.25em; text-align: left; margin-left: 25px; }

<!–

DIV.Slice-01 {
position: absolute;
background: #991225;
left: 0px;
top: 0px;
width: 200px;
height: 130px;
}

DIV.Slice-02 {
position: absolute;
background: #991225;
left: 260px;
top: 0px;
width: 480px;
height: 130px;
}

DIV.Slice-03 {
position: absolute;
background: #e1e3e1;
left: 0px;
top: 130px;
width: 740px;
height: 88px;
}

DIV.Slice-04 {
position:absolute;
left: 0px;
top: 240px;
width: 147px;
height: 47px;
}

DIV.Slice-05 {
position: absolute;
left: 147px;
top: 219px;
width: 3px;
height: 801px;
}

DIV.Slice-06 {
position: absolute;
background: #e1e3e1;
margin: 80px;
left: 120px;
top: 195px;
width: 540px;
height: 801px;
text-align: right;
color: #991225;

}

DIV.Slice-08 {
position:absolute;
left: 10px;
top: 298px;
width: 147px;
height: 47px;
}

DIV.Slice-09 {
position: absolute;
left: 10px;
top: 346px;
width: 147px;
height: 48px;
}

DIV.Slice-10 {
position: absolute;
left: 10px;
top: 394px;
width: 147px;
height: 48px;
}

DIV.Slice-11 {
position: absolute;
left: 10px;
top: 441px;
width: 147px;
height: 48px;
}

DIV.Slice-12 {
position: absolute;
background: transparent;
left: 0px;
top: 520px;
width: 147px;
height: 559px;
}

–>

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@BonRougeJan 03.2005 — Hmmmm... [URL=http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.graphic-ills.com/]seems fine to me[/URL].
Copy linkTweet thisAlerts:
@toicontienJan 03.2005 — The validation problem you are having is not a CSS one. The cause is an unclosed DIV tag: http://validator.w3.org/check?verbose=1&uri=http%3A//www.graphic-ills.com/

Almost without fail, if you design first in Internet Explorer, then it looks wrong in Netscape 7+, Opera, Safari, or Firefox, it's actually Internet Explorer that's wrong. Design first in Firefox and Opera. Then hack the style sheets to get it to work in IE.
Copy linkTweet thisAlerts:
@VandaauthorJan 04.2005 — Okay I found that extra little </div> and disposed of that. Strange thing is when you view the site in netscape it's showing something that's not even in the script. I deleted this small horizontal rule under the buttons but it's still showing as if it were still there. What the hell? It sucks too I can't even work on it at work because we're in a different workspace right now. So now there's no internet! ARRRgghh!! Anyway thanks for your help. When you guys view my page are using IE or Netscape or another browser? And how does it look to you?

The part where it's gray is supposed to span across that entire area but in netscape it's only partially gray where the graphic is and the rest is black. The text is supposed to have a gray background. And the flower image is being cut off on the right side.

That's when I view it using netscape. In IE it looks fine.

Oh well probably won't have time this week to work on it ?
×

Success!

Help @Vanda spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...