Css Wird Von Ie Und Firefox Nicht Erkannt

#16 hasch

WF-Guru

Gruppe: aktive Mitglieder
Beiträge: 1.789
Beigetreten: 28. Januar 04
Reputation: 0
Wohnort:Localhost
Interessen:Ach so viele ...

geschrieben 05. März 2006 - 12:15

Jap danke, hab ich schon versucht, nur dann muss ich wieder Browserspezifisch reagieren, d.h. jeweils eine CSS für jeden Browser... geht soweit gut, nur, dass Operas sich immer (Standard) als IE ausgibt und dann ist die Seite wieder in Opera falsch dargestellt...

Nach oben
Nach oben of the page up there ^

#17 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.911
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 05. März 2006 - 12:18

Poste doch mal bitte den kompletten html und css Quellcode, ich kann dein Problem irgentwie nicht wirklich nachvollziehen

Nach oben
Nach oben of the page up there ^

#18 hasch

WF-Guru

Gruppe: aktive Mitglieder
Beiträge: 1.789
Beigetreten: 28. Januar 04
Reputation: 0
Wohnort:Localhost
Interessen:Ach so viele ...

geschrieben 05. März 2006 - 13:07

 
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Junge Nationaldemokraten - Her mit dem schönen Leben!</title>
<link rel='stylesheet' type='text/css' href='css.css' />
<script type='text/javascript' language='JavaScript'>
<!--
function na_preload_img()
{
  var img_list = na_preload_img.arguments;
  if (document.preloadlist == null)
	document.preloadlist = new Array();
  var top = document.preloadlist.length;
  for (var i=0; i < img_list.length-1; i++) {
	document.preloadlist[top+i] = new Image;
	document.preloadlist[top+i].src = img_list[i+1];
  }
}

function na_change_img_src(name, nsdoc, rpath, preload)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
	return;
  if (img) {
	img.altsrc = img.src;
	img.src	= rpath;
  }
}

function na_restore_img_src(name, nsdoc)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
	return;
  if (img && img.altsrc) {
	img.src	= img.altsrc;
	img.altsrc = null;
  }
}

// -->
</script>
</head>
<body onload="na_preload_img(false, 'ueber_uns2.jpg', 'wofuer2.jpg');">
	<div class="div_top">
		  <div class="div_aktuelles">
				  <img src='square.jpg' alt='' /> <a href='test.html' class='aktuelles'>News 1</a>
		  </div>
		  <div class="div_aktuelles">
				  <img src='square.jpg' alt='' /> <a href='test.html' class='aktuelles'>News 2</a>
		  </div>
		  <div class="div_aktuelles">
				  <img src='square.jpg' alt='' /> <a href='test.html' class='aktuelles'>News 3</a>
		  </div>
		  <div class="div_aktuelles">
				  <img src='square.jpg' alt='' /> <a href='test.html' class='aktuelles'>News 4</a>
		  </div>
		  <div class="div_aktuelles">
				  <img src='square.jpg' alt='' />  <a href='test.html' class='aktuelles'>News 5</a>
		  </div>
		  <div class="div_aktuelles">
				  <img src='square.jpg' alt='' /> <a href='test.html' class='aktuelles'>News 6</a>
		  </div>
	</div>
	<div class="div_top2">
		  <div class="div_termine">
				  <img src='square_t.gif' alt='' /> <a href='test.html' class='aktuelles'>sdafagfsadgds</a>
		  </div>
		  <div class="div_termine">
				  <img src='square_t.gif' alt='' /> <a href='test.html' class='aktuelles'>sdgsgsdgsd</a>
		  </div>
		  <div class="div_termine">
				  <img src='square_t.gif' alt='' /> <a href='test.html' class='aktuelles'>sdhgsdhgaha</a>
		  </div>
		   <div class="div_termine">
				  <img src='square_t.gif' alt='' /> <a href='test.html' class='aktuelles'>gdfshfdshdfhdfh</a>
		  </div>
	</div>
	<div class='div_banner'>
		<img src='banner.jpg' class='img' alt='' />
	</div>
	<div class='div_main'>
		 sdgsdgsdgsdgsdgdgsd<br /><br />
	</div>
	<div class='div_menu'>
	<a class='nav' href="test.html" onmouseout="na_restore_img_src('image1', 'document')" onmouseover="na_change_img_src('image1', 'document', 'ueber_uns2.jpg', true);"><img src='ueber_uns.jpg' id='image1' name='image1' class='nav' alt='' /></a><a class='nav' href="#" onmouseout="na_restore_img_src('image2', 'document')" onmouseover="na_change_img_src('image2', 'document', 'wofuer2.jpg', true);"><img src='wofuer.jpg' name="image2" id='image2' class='nav' alt='' /></a>
	</div>
</body>
</html>

body
				{
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background-image: url('bg.jpg');
			background-repeat: no-repeat;
				}

div.div_nav
				{
					position: fixed;
					left: 72px;
					top: 0px;
					width: 5px;
					height: 100%;
					background-image: url(nav.jpg);
				}
				
div.div_top
				{
					position: absolute;
					left: 87px;
					top: 25px;
					width: 742px;
				}
				
div.div_aktuelles
				{
					text-indent: 25px;
					width: 270px;
					height: 15px;
				}	
				
div.div_top2
				{
					position: absolute;
					left: 87px;
					top: 148px;
					width: 742px;
				}
				
div.div_termine
				{
					text-indent: 25px;
					width: 270px;
					height: 15px;
				}	
				
div.div_banner
				{
					position: absolute;
					left: 366px;
					top: 285px;
					width: 376px;
					text-align: center;
				}					
				
div.div_main
				{
					position: absolute;
					left: 370px;
					top: 380px;
					width: 370px;
					text-align: justify;
					font-size: 8pt;
					font-family: Arial, sans-serif;
					text-decoration: none;
					color: #000000;
				}
				
div.div_menu
				{
					position: absolute;
					left: 362px;
					top: 228px;
					width: 380px;
					height: 25px;
				}	
				
img.img
				{
				border: 1px;
				border-color:#000000; 
				border-style:solid;
				}	
				
a.aktuelles, a.aktuelles:visited, a.aktuelles:link
				{
				font-size: 8pt;
				font-family: Arial, sans-serif;
				text-decoration: none;
				color: #000000;
				line-height: 4px;
				}		
				
a.aktuelles:hover, a.aktuelles:active
				{
				font-size: 8pt;
				font-family: Arial, sans-serif;
				text-decoration: underline;
				color: #000000;
				background-color: transparent;
				}	

a.nav, a.nav:visited, a.nav:link, a.nav:hover, a.nav:active
				{
				font-size: 8pt;
				font-family: Arial, sans-serif;
				text-decoration: none;
				color: #000000;
				line-height: 4px;
				}
				
img.nav
				{
				border: 0;
				}	
				
p 			{
				font-size: 8pt;
				font-family: Arial, sans-serif;
				text-decoration: none;
				color: #000000;
				background-color: transparent;
				}

Nach oben
Nach oben of the page up there ^

#19 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.911
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 05. März 2006 - 13:32

Ach du Alarm, das ist ja ne

<div>

Suppe

Was willst du mit den vielen

<div>

<ul><li></li></ul>

erfüllt doch den zweck genauso, und du hast mehr übersicht

position:fixed;

kann der IE auch nicht, du solltest auch keine absolute oder fixe positionierung verwenden

Das hast du dir wohl nicht durchgelesen, solltest du mal tun

http://www.vorsprung...ex.php?tag=html

Dieser Beitrag wurde von Flo bearbeitet: 05. März 2006 - 13:36

Nach oben
Nach oben of the page up there ^

#20 Floele

WF-Süchtling

Gruppe: aktive Mitglieder
Beiträge: 919
Beigetreten: 22. Juni 04
Reputation: 0

geschrieben 05. März 2006 - 13:36

Nimm erstmal den XML Prolog raus. Es ist nämlich eine Tatsache dass der IE dadurch mehr Probleme macht (der verhindert nämlich den standardkonformen Modus beim IE). Wenn es nicht funktioniert, dann hast du noch irgendwas anderes falsch gemacht.

Dieser Beitrag wurde von Floele bearbeitet: 05. März 2006 - 13:37

Nach oben
Nach oben of the page up there ^

#21 hasch

WF-Guru

Gruppe: aktive Mitglieder
Beiträge: 1.789
Beigetreten: 28. Januar 04
Reputation: 0
Wohnort:Localhost
Interessen:Ach so viele ...

geschrieben 05. März 2006 - 13:40

Zitat (Flo: 05.03.2006, 13:32)

http://www.vorsprung...ex.php?tag=html

Werd ich mir durchlesen... :blink:

Wenn ich Listen einsetze, dann habe ich einen großen "Zeilenumbruch", den ich nicht weg bekomme... :rolleyes:

Nach oben
Nach oben of the page up there ^

#22 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.911
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 05. März 2006 - 13:42

Zitat

Wenn ich Listen einsetze, dann habe ich einen großen "Zeilenumbruch", den ich nicht weg bekomme...

margin:0; padding:0;

Nach oben
Nach oben of the page up there ^

#23 hasch

WF-Guru

Gruppe: aktive Mitglieder
Beiträge: 1.789
Beigetreten: 28. Januar 04
Reputation: 0
Wohnort:Localhost
Interessen:Ach so viele ...

geschrieben 05. März 2006 - 13:50

Ja geht, aber gleiches Problem im IE, dass Zeilen zu groß dargestellt werden...

Es bringt für mich also keine Vorteile, deshalb lasse ich die <div> Suppe stehen :rolleyes:

Nach oben
Nach oben of the page up there ^

#24 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.911
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 07. März 2006 - 12:29

Zitat

s bringt für mich also keine Vorteile, deshalb lasse ich die <div> Suppe stehen grin.gif

Doch du hast den vorteil das du sematischen code hast, was wenn das stylesheet nicht geladen werden kann? z.b bei Textbrowsern, oder was ist mit screanreadern?

mit sematisch korrektem code hat dein inhalt die bedutung die er haben sollte, mit ner div-suppe nicht

Nach oben
Nach oben of the page up there ^

#25 hasch

WF-Guru

Gruppe: aktive Mitglieder
Beiträge: 1.789
Beigetreten: 28. Januar 04
Reputation: 0
Wohnort:Localhost
Interessen:Ach so viele ...

geschrieben 07. März 2006 - 12:58

Ja du hast recht, aber auf den einen Layer kommst doch nun auch nicht mehr an, oder?

Ich muss auch zugeben, habe deinen Link bis jetzt auch nur überflogen, da ich noch ein CMS auf Sicherheitslücken gerade überprüfe...
Habe mir aber den Link als Bookmark gesetzt und werde mir die Artikel mal genau durchlesen...