IE Problem

omex · #1 (**permalink**) 07.01.2008, 18:22

Hauptklasse:

Code:

#rand {
	
	height:100%; margin-left:85px;; padding:0;
	width: 900px;
	height:1300px;
	background-image:url(../../Layout-Grafiken/hintergrund.png);
	background-repeat:no-repeat;
	
	
}


.mainlinks {

	float:left;
	margin-top:29px;
	margin-left:70px;
	width:230px;
	height:280px;
}
.mainrechts {
	float:left;
	margin-top:29px;
	marin-right:130px;
	width:470px;
	height:280px;
	

}

Hallo ihr Lieben,

ich habe ein kleines Problem mit der Positionierung ab IE 5.5/6

Auf IE NetRenderer - Browser Compatibility Check - render ich die Homepage im IE 5.5 und 6. Wollte eigentlich nicht mit IE Hack arbeiten, aber lässt sich wohl nicht umgehen. Die Klasse(divs) das Fischbild oberhalb konnte ich wunderbar mit dem IE Hack ansprechen. Nur bin ich jetzt am Ende meiner Versuche / Wissen. Wenn ich versuche mit dem IE Hack die Klassen ".mainlinks","mainrechts" anzusprechen, dann reagiert der IE nicht. :/

Ich vermute es liegt an der Vererbung wieso der IE nicht reagiert. Unterhalb seht ihr den kompletten Quelltextcode.

Hoffe mir kann jemand helfen.

Danke schonmal für die Hilfe.

meine seite: Webseiten Optimierung gut und günstig

css quellcode:

Code:

body {
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../../Layout-Grafiken/hintergrund2.PNG);

	
}

h1 {
	font-size:1em;
}

.logo {
	background-image:url(../../Layout-Grafiken/logo.png);
	background-repeat:no-repeat;
	top:91px;
	width:250px;
	height:130px;
	margin-top:16px;
	margin-left:71px;
}

.login {
	float:left;
	margin-top:30px;
	margin-left:12px;
	width:262px;
	height:110px;
	background-image:url(../../Layout-Grafiken/hinweis.png)
}


.webseite {
	color:#FF6600;
}

.mainlinks ul {
	list-style-type:none;
}
	
#rand {
	
	height:100%; margin-left:85px;; padding:0;
	width: 900px;
	height:1300px;
	background-image:url(../../Layout-Grafiken/hintergrund.png);
	background-repeat:no-repeat;
	
	
}

/* Linkfelder */

.sitebar {
	margin-left: 15px;
	width: 770px;
	height: 30px;
	padding-top: 25px;
}

a:link  {
	text-decoration:none;
}
a:visited  {
	text-decoration:none;
}
a:hover  {
	text-decoration:underline;
}
a:active  {
	text-decoration:none;
}




.link1 {
	position:absolute;
	left: 144px;
	
	
	


	
}
.link2 {
	position:absolute;
	left: 268px;
	
	
	
}
.link3 {
	position:absolute;
	left: 409px;

	
}

.link4 {
	position:absolute;
	left: 540px;
	

	
}
.link5 {
	position:absolute;
	left: 657px;
	
	
	

	
}
.link6 {
	position:absolute;
	left: 788px;
	


	
}
/* Linkfelder Ende */


/* Animation Anfang */

.animation {
	background-image:url(../../Layout-Grafiken/fisch.gif);
	background-repeat:no-repeat;
	width:193px;
	height:129px;
	margin-left:300px;
	margin-top:24px;
}
/* Animation Ende */

/* Main und Bottom Anfang */
.mainlinks {

	float:left;
	margin-top:29px;
	margin-left:70px;
	width:230px;
	height:280px;
}
.mainrechts {
	float:left;
	margin-top:29px;
	marin-right:130px;
	width:470px;
	height:280px;
	

}

.bottomunten {
	margin-top:328px;
	margin-left:77px;
	margin-right:130px;
	height:194px;
	width:690px;
}
/* Main und Bottom Ende */

.bottomganzunten {

	margin-left:77px;
	margin-top:20px;
}

.vld1 {
	border:0px;
	float:left;
	width:97px;
	height:39px;
}

.vld2 {
	border:0px;
	width:85px;
	height:31px;
}

Seiten Quellcode:

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en">
<head>
<!--[if lt IE 7]>
<link href="../css/layout-css/csshack.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="../css/layout-css/css.css" type="text/css" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Webseiten Optimierung gut und guenstig</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body>
<div id="rand">

<div class="sitebar">
<div class="link1"><a href="../index.html" class="webseite"><strong>HOME</strong></a></div>
<div class="link2"><a href="../Service-Angebote/service.html" class="webseite"><strong>SERVICE</strong></a></div>
<div class="link3"><a href="../blog/blog.html" class="webseite"><strong>BLOG</strong></a></div> 
<div class="link4"><a href="../suchmaschinenoptimierung-hilfe/suchmaschinenoptimierung-hilfe.html" class="webseite"><strong>HILFE</strong></a></div>
<div class="link5"><a href="../Kontakt/ueber-uns.html" class="webseite"><strong>&Uuml;BER UNS</strong></a></div>
<div class="link6"><a href="../Kontakt/kontakt.php" class="webseite"><strong>KONTAKT</strong></a></div>
</div>
<!--Linkfelder Ende-->
<div class="logo"></div>
<div class="login"></div>
<div class="animation"></div>
<!--Animation Anfang-->
<!--Main Anfang -->

<div class="mainlinks">
<br />
  <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../nofollow-blog-finden/nofollow-blog.php"><span class="webseite">Blogfinder ohne Nofollow</span> </a>    </p>
  <p> <img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /> <a href="../backlink-check-top/backlink-check-top.php"><span class="webseite">Backlink Check Top</span> </a>    </p>
  <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../keyword-recherche/keyword-recherche.php"><span class="webseite">Keyword Recherche</span> </a>    </p>
  <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../Backlink-Checker/backlink-checker.php"><span class="webseite">Backlink Checker schnell</span> </a>    </p>
  <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../Pagerank-und-Backlinkcheck/Alexa-Ranking.html"><span class="webseite">Pagerank - Alexa Check</span></a></p>
         <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../Webkatalog-Verzeichniss/links.htm"><span class="webseite">Webkatalog Verzeichnis 4861</span> </a></p>
         <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../blog-verzeichnis-ohne-nofollow/blog-finden-ohne-nofollow.htm"><span class="webseite">Blogs ohne nofollow 1455</span> </a></p>
         <p><img src="../Layout-Grafiken/pfeil.png" alt="Pfeil" width="10" height="7" /><a href="../sitemap.xml"><span class="webseite">Sitemap</span> </a></p>
</div>

<!-- TemplateBeginEditable name="EditRegion1" -->
<div class="mainrechts">
 <br />
    <h1><span class="webseite">Webseiten</span> Optimierung begr&uuml;&szlig;t Sie herzlich. </h1>
  <br />
  Einer der wichtigsten Faktoren f&uuml;r Google und mehr Besucher ist die Linkpopularit&auml;t. Um Ihre Seite bekannter zu machen und in den Suchmaschinen ein gutes Ranking zu erreichen ist es wichtig, von vielen und nach M&ouml;glichkeit themenrelevanten Webseiten Links zu bekommen. 
  Bei unseren Angeboten handelt es sich nicht um Linktausch, sondern ausschließlich um One-Way-Links. Es besteht also keinerlei Verpflichtung von Ihrer Website Links auf andere Projekte zu setzen. Desto mehr Links Sie von anderen Webseiten haben und je weniger ausgehende Links Sie haben, desto effizienter wird Ihre Webseiten Optimierung. 
  Dieser Vorgang des Analysieren, der Kontrolle und des Setzen von Links auf Ihre Webseite &uuml;bernehmen wir. Genauere Infos unsere Angebote finden Sie im Service Bereich. </div>

<!-- TemplateEndEditable -->
<!--Main Ende -->
<!--Bottom Anfang -->
<!-- TemplateBeginEditable name="EditRegion2" -->
<div class="bottomunten" ><img src="../Layout-Grafiken/hotnews.png" alt="Hot news" width="103" height="30" />
    <h1> Google bleibt unangefochtener Such-Marktf&uuml;hrer </h1>
    <p><br />
      Rund drei von vier Anwendern nutzen die Suchmaschine. An zweiter Stelle folgt die Bildersuche des Anbieters mit etwas mehr als einem F&uuml;nftel der Nutzer. Einzig MSN/Livesearch kommt mit 11,8 Prozent ebenfalls in den zweistelligen Bereich. Hinter Yahoo liegt mit der T-Online-Suche (7,1 Prozent) ein regionaler Dienst auf Platz f&uuml;nf.</p>
    
</div>
<div class="bottomganzunten">
	

<a href="http://www.validome.org/lang/ge/get/http://www.webseiten-optimierung.at">
<img class="vld1" src="http://www.validome.org/images/set1/valid_xhtml_1_1.gif" alt="Valid XHTML 1.1"  /></a>
 <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://webseiten-optimierung.at/css/layout-css/css.css/">
  <img src="http://jigsaw.w3.org/css-validator/images/vcss" 
       alt="Valid CSS!" />
 </a>


</div>
<!-- TemplateEndEditable --></div>
</body>
</html>

Crizzo · #2 (**permalink**) 07.01.2008, 19:02

Benutze bitte die HTMLCode-Tags!

Wieso willst du denn bei deinem Beispiel Hacks verwenden?

EvT · #3 (**permalink**) 07.01.2008, 19:02

Ach, wie sehr würde es mich reizen, eine Webseiten-Optimierungs-Seite zu optimieren.

Aber mal im Ernst: Schau dir deine Site z. B. in Opera an und sag, wo man anfangen sollte ...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Font der Überschrift ändern (Problem)	artist	CSS	2	07.12.2007 10:01
Design zu CSS/HTML verarbeiten - Problem häufen sich.	Grafikamateur	CSS	2	06.08.2007 09:57
Problem mit WordPress und dem Bilder Upload	Maxefix	Serveradministration und serverseitige Scripte	0	19.12.2006 14:58
Problem bei Div's - zwei mal das gleiche und doch nicht ...	Niriel	CSS	10	09.06.2005 17:39
Problem mit einem CSS Layout	nARC	CSS	20	21.05.2005 06:28