Please help with Opera

**gKOLYA** · 10-19-2006, 08:03 AM

plz help to fix my header in Opera. In IE6 it's display correctly but in Opera there are unvisible images. plz help to fix

HTML Code:

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="classes.css" />
<title>titl</title>
</heade
<body>
	<div id="head-fast">
		<div id="logo2">
		 </div>
	<ul>
		<li><div><a href="">fast1</a></div></li>
		<li><div><a href="">fast2</a></div></li>
		<li><div><a href="">fast3</a></div></li>
	</ul>
	</div>
	
	<div id="title">
	<a>heder text</a>
	</div>
	
	
	<div id="menu">
	
	<ul>
		<li><a href="/"><span class="bg-c"></span><span></span><center>h1</center></a></li>
		<li><a href="/"><span class="bg"></span><span></span><center>h2</center></a></li>
		<li><a href="/"><span class="bg"></span><span></span><center>h3</center></a></li>
		<li><a href="/"><span class="bg"></span><span></span><center>h4</center></a></li>
											   
	</ul>
	
	</div>
	
	<div id="content">
	 
	 
	</div>
	<div id="down">
	<hr width=70%>
	<h4>
	Copyright (c) 2006. Design: <a href="mailto:gmail@gmail.com">KOLYA</a></h4>
	</div>					 
	
	
</body>
</html>

Code:

@charset "windows-1251";
body{
background: #1CCA00 url(./img/bg-up.gif) repeat-x 0 0}	   
			   
td { padding: 0; vertical-align: top; }
table { border-spacing: 0; }


#content {margin-top:255px ;}


#head-fast a { text-decoration: overline }
#head-fast ul {margin-left:100px}
#head-fast ul li { float: right; padding-top:10px; margin-left:10px; white-space: nowrap; }
#head-fast ul li a { color: #fafafa;  font-weight: bold; font-size: 1.2em; overflow: hidden; display: block; }														
#head-fast ul li a:hover { text-decoration: underline !important; font-size:1.3em !important; }

#logo2 { background: url(./img/logo.gif) no-repeat 0 0 ;display: block;  position: absolute;height:300;width:300; top: 0px; left: -70px; }

#title{position:absolute;top:70px;left:200px}
#title a{font-size:2em;color:#ffffff;font-weight: bold;}

												  
#menu {  height: 170px; width:800px; padding: 0 0 15px 4px; position:absolute; top:140; left:30; margin-bottom:100 }
#menu ul { list-style-type: none; padding: 0; }	
#menu ul li { background:transparent;float: left; width: 80px; margin-left: 30px; }
#menu ul li a { color: #ffffff; font-size: 1.4em; text-decoration: none; display: block; padding-top: 80px; height: 50px; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul li span.bg { width: 80px; height: 80px; background: url(./img/sphere.gif) no-repeat 0 0; margin: -84px 0 0 0; }
#menu ul li span.bg-C { width: 80px; height: 80px; background: url(./img/sphere-c.gif) no-repeat 0 0; margin: -84px 0 0 0; } 	

#down {height:100;position:down}
#down h4{color:#0000ff}

**mwinter** · 10-19-2006, 04:12 PM

Originally Posted by gKOLYA

plz help to fix my header in Opera.

As far as I can see, Opera isn't your only problem. Any (reasonably) standards-compliant user agent should render that badly.

Both your markup and style sheet are invalid, and I suppose you didn't check with a decent browser until you were finished. As I don't know what you're trying to achieve, I would suggest you start again, but use Opera or Firefox to check your work, and then fix any problems with IE as you go (rather than the other way around).

<?xml version="1.0" encoding="windows-1251"?>

Don't use proprietary character encodings on the Web. Either ISO-8859-1 (Latin-1) or UTF-8 should do. Don't use XHTML, either...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

...especially not v1.1 which may only be served as application/xhtml+xml. Use HTML 4.01, instead.

If you must use XHTML (and I would find that very difficult to believe), don't include the prolog: it will throw MSIE into "Quirks" mode.

Mike

**gKOLYA** · 10-20-2006, 09:16 AM

But I must use win-1251 encoding because language of my site is Russian
Can You take some samples of site in xHTML and in HTML? Where I can download it?
what means "* html"?? Can it correct mistakes?

**mwinter** · 10-20-2006, 12:37 PM

Originally Posted by gKOLYA

But I must use win-1251 encoding

No, you don't.

because language of my site is Russian

There are many encoding forms that can be used for Cyrillic text, including a version of ISO/IEC-8859 (ISO-8859-5), KOI8 (-R, and -U), and, of course, UTF-8. The latter is a transformation format for Unicode.

Unicode has a repertoire of over one hundred thousand characters, covering almost every modern script, plus several archaic ones, too. You could certainly use UTF-8 (or -16) to encode your document, and any decent text editor should be capable of generating output in that form.

Can You take some samples of site in xHTML and in HTML? Where I can download it?

Sorry, I'm not quite sure what you mean.

what means "* html"?? Can it correct mistakes?

It is a CSS selector hack. In MSIE versions prior to the upcoming 7, it would act as though the html element was a child of something else. That is, of course, impossible as the html element is the root element of any HTML document, so other browsers could never match a selector that began with "* html".

An alternative to using CSS parsing hacks, at least when coping with IE on Windows is to use conditional comments:

Code:

<!--[if IE]>
...
<![endif]-->

One can also add conditions such as "if IE 5" (any version of 5.x) or "if lte IE 6" (versions 6 and earlier).

Only IE 5 and onwards understands these "comments", and any other browser (including IE 4) will ignore the contents.

Mike

**gKOLYA** · 10-21-2006, 03:25 PM

thx .

Sorry, I'm not quite sure what you mean.

I want to find ready english web-pages with full source(how as freeware)

**mwinter** · 10-22-2006, 01:52 PM

Originally Posted by gKOLYA

I want to find ready english web-pages with full source(how as freeware)

I understand that, but I don't know what sort of thing you want to see demonstrated. The overall design isn't clear.

The example you posted is incomplete: images are missing, for example. Moreover, it looks rather dishevelled, here, and I don't know if that appearance is really what you want, or a result of having to construct the example from fragments.

There are many sites that provide examples of various layouts using CSS. Using Google with the phrase, "CSS layout" returns some commonly cited sites. Perhaps they'll be of use to you.

Mike

**gKOLYA** · 10-22-2006, 04:06 PM

I want to get ideal site source. It will good there it will be free and education site(site of a school)

Thread: Please help with Opera

Thread Tools

Search Thread

Please help with Opera

Bookmarks

Bookmarks

Posting Permissions