im ie gut, im firefox mies ?

ben68 · 11.11.2006, 15:33

hallo

es geht um folgende seite

http://kitata.de/test3

im ie sind die 3 links unten links genau da wo sie hingehören
im firefox sind die links alle irgendwie durcheinander/übereinander

woran liegt das denn?

danke
ben

Code:

                                                      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<title>Test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="keywords" content="test" />
		<link rel="Home" title="Home" href="http://www.kitata.de" />
		

	<meta name="description" content="willkommen - welcome - bienvenue - bienvenido" />

		<style type="text/css" media="screen">

body {
   background: #B0C4DE;
   text-align: center;
   font-family: Arial, Verdana, sans-serif;
   font-size: 100%;
   color: black;
}

#disclaimer {
	width: 640px;
	height: 480px;
    margin: 0 auto;
	background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
}
#text {
    text-align: left; font-weight: bold;
    width: 586px;
    height: 104px;
    overflow: auto;
    position: absolute;
    top: 196px;
    left: 32px;
    font-size: 100%;
    color: black;

}

#test1 { width: 139px; height: 29px; left: 32px; bottom: 118px; position: absolute; font-size: 110% }
#test2 { width: 139px; height: 29px; left: 32px; bottom: 88px; position: absolute; font-size: 110% }
#test3 { width: 139px; height: 29px; left: 32px; bottom: 58px; position: absolute; font-size: 110% }
#test { width: 139px; height: 29px; left: 480px; bottom: 8px; position: absolute; font-size: 70% }
h1 {
        font-size: 130%; padding-top: 1em;
}



#footer { font-size: 80%; margin-top: 2em }
a {color: black;}
.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
</style>		</head>

<body>

<div id="disclaimer" style="width: 640px; height: 480px; background-image: url(http://kitata.de/images/disclaimer2.jpg); margin: 0 auto">

<div id="header">
_______________________________________________________________<br />
<br />
<h1>Testseite</h1>
<h3>Testseite<br />Testseite</h3>

</div>

<div id="text">

Name<br />Strasse<br />Stadt<br />Telefon:<br />Fax:
</div>


<div id="test1">
<br />  <br />
 <a href="http://www.kitata.de" target="_blank" title="Test 1">

  Test 1</a> <br />  <br />
</div>
<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>

<div id="test2">
<a href="http://www.kitata.de" target="_blank" title="Test 2">
Test 2</a> <br />  <br />
</div>
<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>

<div id="test3">
<a href="http://www.kitata.de" target="_blank" title="Test 2">
Test 3</a> <br />  <br />
</div>
<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>



<div id="test">
<a href="http://www.kitata.de" title="Unsere Homepage">Testlink Testlink Testlink Testlink Testlink</a>
</div>

<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>

</div>

<div id="footer">
Test<br />
Test <br />
Test<br />
&copy; Test
| <a href="mailto:test@test.de" title="Kontakt Test">Kontakt Test</a>
</div>

    <!-- </div> -->

    </body>
    </html>

satre · 11.11.2006, 15:56

Mein IE funktioniert gerade nicht und ich weiß nicht, wie die Links aussehen sollen. Übereinander, Nebeneinander? Für den ersten Fall kannst du das display:inline; entfernen.

Ich kann nur sagen, dass dein Code arg überflüssig ist. Für die drei Links reicht eine kurze Liste aus:

Code:

<ul style="list-style-type:none; left: 40px; bottom: 50px; position: absolute;">
<li style="display:inline;"><a href="http://www.kitata.de" target="_blank" title="Test 1">Test 1</a> |</li>
<li style="display:inline;"><a href="http://www.kitata.de" target="_blank" title="Test 2">Test 2</a> |</li>
<li style="display:inline;"><a href="http://www.kitata.de" target="_blank" title="Test 2">Test 3</a></li>
</ul>

PS: In XHTML Strict ist das Attribut target nicht erlaubt.

ben68 · 11.11.2006, 17:53

Zitat:

Zitat von satre

PS: In XHTML Strict ist das Attribut target nicht erlaubt.

vielen dank für die rasche hilfe
was mach ich denn da, wenn das nicht erlaubt ist?

ich hab jetzt deinen code eingefügt, ohne target

http://kitata.de/test4

jetzt sind im firefox die links aber zu weit auseinander nachdem ich br eingefügt habe

ich sollte vielleicht dabei sagen, daß ich nicht die meiste ahnung von html habe

Code:

                                                      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<title>Test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="keywords" content="test" />
		<link rel="Home" title="Home" href="http://www.kitata.de" />
		

	<meta name="description" content="willkommen - welcome - bienvenue - bienvenido" />

		<style type="text/css" media="screen">

body {
   background: #B0C4DE;
   text-align: center;
   font-family: Arial, Verdana, sans-serif;
   font-size: 100%;
   color: black;
}

#disclaimer {
	width: 640px;
	height: 480px;
    margin: 0 auto;
	background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
}
#text {
    text-align: left; font-weight: bold;
    width: 586px;
    height: 104px;
    overflow: auto;
    position: absolute;
    top: 196px;
    left: 32px;
    font-size: 100%;
    color: black;

}


#test { width: 139px; height: 29px; left: 480px; bottom: 8px; position: absolute; font-size: 70% }
h1 {
        font-size: 130%; padding-top: 1em;
}



#footer { font-size: 80%; margin-top: 2em }
a {color: black;}
.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
</style>		</head>

<body>

<div id="disclaimer" style="width: 640px; height: 480px; background-image: url(http://kitata.de/images/disclaimer2.jpg); margin: 0 auto">

<div id="header">
_______________________________________________________________<br />
<br />
<h1>Testseite</h1>
<h3>Testseite<br />Testseite</h3>

</div>

<div id="text">

Name<br />Strasse<br />Stadt<br />Telefon:<br />Fax:
</div>


<ul style="list-style-type:none; left: 40px; bottom: 20px; position: absolute;">
<li style=""><a href="http://www.kitata.de" title="Test 1">Test 1</a></li> <br /><br />

<li style=""><a href="http://www.kitata.de" title="Test 2">Test 2</a></li> <br /><br />
<li style=""><a href="http://www.kitata.de" title="Test 3">Test 3</a></li>
</ul>



<div id="test">
<a href="http://www.kitata.de" title="Unsere Homepage">Testlink Testlink Testlink Testlink Testlink</a>
</div>
<div style="margin: 0; padding: 0; width: 0px; height: 0px; position: absolute; top: -100px; left: -100px">|</div>

</div>

<div id="footer">
Test<br />
Test <br />
Test<br />
&copy; Test
| <a href="mailto:test@test.de" title="Kontakt Test">Kontakt Test</a>
</div>
    <!-- </div> -->

    </body>

    </html>

satre · 11.11.2006, 19:03

Zitat:

Zitat von ben68

was mach ich denn da, wenn das nicht erlaubt ist?

Überhaupt kein target mehr verwenden. Wenn der Besucher auf deiner Seite bleiben will, wird er das von sich aus machen.

Zitat:

jetzt sind im firefox die links aber zu weit auseinander nachdem ich br eingefügt habe

Die breaks sind in einer Liste überflüssig, da nach jedem Punkt umgebrochen wird.