Seltsame Zeichen am Anfang der Seite

**webdesigner09** · 24.06.2010 21:09

Hallo,
ich habe ein Problem mit einer Internetseite, das ich mir nicht wirklich erklären kann.
Am Anfang einer Datei steht "ï»¿". Im Opera werden die Zeichen nur bei Betrachtung des Quellcodes angezeigt. Im Forefox, IE, usw. auch bei normaler Ansicht. Das seltsame daran ist, das selbst wenn die Datei leer ist, die Zeichen angezeigt werden. Auch Löschen hat nichts gebracht. Die Seite wurde mal mit einem selbstgeschriebenen CMS erstellt. Ich denke es liegt daran, aber weiß nciht wie ich das jetzt ändern kann. Auch nach dem ich das CMS gelöscht habe ändert sich nicht.

Außerdem würde ich gerne auf meiner Seite unten rechts einen Button bzw. Div platzieren. Kann ich das mit CSS machen?

Mit freundlichen Grüßen,
Yannick

**Hagbard-Celine** · 24.06.2010 21:19

Hi,

schau mal hier ;-)
http://www.gartendatenbank.de/forum/...ierung-t-150-1

**webdesigner09** · 24.06.2010 21:47

Hallo,
danke. Jetzt funktioniert es wieder und mein unlösbares Rätsel ist gelöst

Dann brauche ich noch Hilfe bei meiner zweiten Frage.

Mit freundlichen Grüßen,
Yannick

**webcreate** · 25.06.2010 09:33

Mittels CSS ein HTML-Tag schrieben?
Nun mache deinem Nickname mal alle Ehre und denke nach ...

**Hagbard-Celine** · 25.06.2010 10:26

Hallo,

ein div oder ein sonstiges Tag erzeugt Du mittels html.
Die Gestaltung und Ausrichtung kannst Du dann mittels CSS beeinflussen.

z.B. im html --> <div id="button"></div>
im CSS
#button{
css-befehle
}

Selbstverständlich ist id="button" nur beispielhaft zu verstehen ;-)

**Stefan** · 25.06.2010 11:28

Zitat von webcreate

Mittels CSS ein HTML-Tag schrieben?
Nun mache deinem Nickname mal alle Ehre und denke nach ...

Ach der Begriff "Webdesigner" ist doch sowas von ausgelutscht ... schade, dass der nur so geläufig ist, sonst könnte man sich von den ganzen Hobby-Webdesignern distanzieren ...

@Thread: Such mal nach "Sticky CSS Footer", da gibts genug

**webdesigner09** · 25.06.2010 18:23

Äh. Ich hab mich wohl falsch ausgedrückt...
Also, ich wollt gerne unten rechts im Bildschirm einen div platzieren der immer mit rutscht. Nicht unten in der Seite, sondern unten am Bildschirmrand.
Was CSS und HTML ist weiß ich schon

Hätte mich etwas genauer ausdrücken müssen.

**webcreate** · 25.06.2010 18:31

Wenn das so bekannt ist, sollte es für einen Webdesigner nicht all zu schwer sein.

http://www.css4you.de/bottom.html

**webdesigner09** · 25.06.2010 22:25

Ist gut jetzt mit eurem "Webdesigner"...
Danke.

**webdesigner09** · 27.06.2010 21:40

Hallo,
irgednwie funktioniert es nicht.
Ich habe als CSS code:

HTML-Code:

#bestellen {
	width: 200px;
	height: 200px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	background-color: #666666;
}

und dann ganz am Anfang im body tag den div "bestellen".
Es wird zwar unten rechts angezeigt, bleibt aber stehen wenn man scrollt. Außerdem wird im IE die komplette Seite durcheinander geworfen.
Weiß einer was ich falsch mache?

Mit freundlichen Grüßen,
Yannick

**Stefan** · 27.06.2010 22:29

HTML-Code:

Außerdem wird im IE die komplette Seite durcheinander geworfen. Weiß einer was ich falsch mache?

(Bestenfalls) Nichts. der IE macht es "falsch"

Damit musst du Leben ... such mal nach "Conditional Comments"

- Das behebt zwar nicht die Ursache, hilft aber beim Lösen des Problems.

@Code: Du musst auch noch weitere Änderungen vornehmen, soweit ich das noch im Kopf hab ... z.b. der gesamten Seite ne Höhe von 100% geben und ähnliches. Findest du alles beschrieben; such nach "Sticky CSS Footer" ...

**webcreate** · 28.06.2010 07:00

Nur mal so als Tipp .... position: fixed; ... das könnte schon Wunder wirken.
Und nun stelle ich meinen Support hier wirklich ein, wer schon einen Link zu einer CSS-Referenzseite bekommt und dann nicht mal bereit ist sich bei entsprechenden Fragen/Problemen mal die Seite genauer anzuschauen und auch mal selber etwas forscht versteht unter einer Hilfestellung definitiv was anderes, als ich!

**webdesigner09** · 29.06.2010 22:03

Also das "position:fixed;" hat garnichts bewirgt. muss natürlich nicht weiter Antworten

Habe den Button jetzt oben links ausgerichtet.
Aber der IE macht noch immer was falsch.

Ich hab hier mal den Quellcode der Seite. Der div "bestellen" ist der "Auslöser". Im CSS code ist er ganz am Ende. Wäre schön wenn jemand eine Idee hat wie der IE es auch richtig darstellt.

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="links.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Titel</title>
</head>

<body>
<div id="header-background">
	<div id="header">
		<div id="logo"></div>
		<div id="navi">
			<?php
				include ("navi.php")
			?>
        </div>
	</div>
</div>
<div id="bestellen"></div>
<div id="big-box">
	<div id="box-leer"></div>
  <div id="box">
	<div id="left">
		<a href="webspace.php"><img src="images/small.png" alt="small" class="left-box"></a>
		<div class="left-leer"></div>
		<a href="webspace.php"><img src="images/middle.png" alt="middle" class="left-box"></a>
		<div class="left-leer"></div>
		<a href="webspace.php"><img src="images/big.png" alt="big" class="left-box"></a>
	</div>
		<img src="images/info-box.png" alt="info-box" id="info">
	<div id="line-middle"></div>
	<div id="support">
	  <h3>Support</h3>
		<br>
        Tel.:<br>
      ---------<br>
      <br>
      Fax: 
      <br>
---------- <br>
        <br>
    	E-Mail:<br> 
    	---------------
	    <br>
	    <br>
	    <br>
    <font size="1" color="#666666">* 0,14 &euro; / Min. aus dem Festnetz, max. 0,42   &euro;/Min. aus den Mobilfunknetzen</font>
    </div>
	<div id="domains">
    	<div id="domain-left">
		<div class="domain-line">
			<a href="domains.php"><img src="images/de.png" alt="de" class="domain"></a>
		  <div class="domain-leer2"></div>
			<a href="domains.php"><img src="images/net.png" alt="net" class="domain"></a>
		</div>
			<div id="domain-leer1"></div>
		<div class="domain-line">
			<a href="domains.php"><img src="images/com.png" alt="com" class="domain"></a>
		  <div class="domain-leer2"></div>
			<a href="domains.php"><img src="images/info.png" alt="info" class="domain"></a>
		</div>
        </div>
		<div id="domain-name"></div>
	</div>
    <div id="box-end"></div>
</div>
    <div id="box2">
    	<p class="p2"><em>* Der angegebene Preis ist ein Monatspreis / Jahrespreis (bei Domains), es fallen   keine Versand oder Lieferkosten an. Keine zus&auml;tzlichen oder versteckte Kosten   in unseren Angeboten.&nbsp; Gem&auml;&szlig; &sect; 19 UStG erheben wir keine Umsatzsteuer und weisen   diese folglich auch nicht aus (Kleinunternehmerstatus).</em></p></div>
</div>
    <div id="footer-navi">
        <div id="footer-navi-in">
			<?php
				include ("footer.php")
			?>
        </div>
    </div>
<div id="footer-info">
            <br>
            <br>
			&copy; 2010 International-Hosting.de<br><br>
			<!-- AddThis Button BEGIN -->
            <a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&amp;username=xa-4bee9b7e0f2d5d92"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt=										            "Bookmark and Share" style="border:0"></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bee9b7e0f2d5d92"></script>
            <!-- AddThis Button END -->
        <br>
            <div id="footer-left">
            		<a href="http://jigsaw.w3.org/css-validator/check/referer">
                	<img style="border:0;width:88px;height:31px"
                    src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
                    alt="CSS ist valide!" /></a>

                    <a href="http://validator.w3.org/check?uri=referer"><img
                    src="images/valid-html401-blue.png"
                    alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
        </div>
</div>
</body>
</html>

HTML-Code:

/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 22px;
	color: #06C;
	margin: 0px;
	font-weight: 400;
}

h2 {
	font-size: 17px;
	color: #06C;
	margin: 0px;
	font-weight: 200;
}

h3 {
	font-size: 17px;
	color: #06C;
	margin: 0px;
	font-weight: 200;
}

img {
	border: 0px solid #FFFFFF;
}

#img {
	width: 283px;
	height: 424px;
	float: right;
}

.p2 {
	color: #0066CC;
	font-size: 12px;
}

#big-box {
	width: 950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bigbox-background.png);
	background-repeat: no-repeat;
}

#big-box2 {
	width: 950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#box-leer {
	width: 950px;
	height: 70px;
}

#box {
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#box2 {
	width: 720px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	background-image: url(images/box-background.png);
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	color: #333333;
}

#header-background {
	width: auto;
	height: 100px;
	background-image: url(images/header-background.png);
	background-repeat: repeat-x;
}

#header {
	width: 850px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	width: 230px;
	height: 93px;
	float: left;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}

#navi {
	width: 600px;
	height: 93px;
	float: right;
}

#left {
	width: 298px;
	height: 417px;
	float: left;
}

.left-box {
	width: 298px;
	height: 117px;
	float: left;
	background-image: url(images/service-background.png);
	background-repeat: no-repeat;
}

.left-box:hover {
	background-image: url(images/service-background-hover.png);
	background-repeat: no-repeat;
}

.left-leer {
	width: 298px;
	height: 33px;
	float: left;
}

#info {
	width: 469px;
	height: 417px;
	float: right;
}

#line-middle {
	width: 800px;
	height: 63px;
	background-image: url(images/line-middle.png);
	background-repeat: no-repeat;
	clear: both;
}

#support {
	width: 258px;
	height: 217px;
	float: left;
	background-image: url(images/support-background.png);
	background-repeat: no-repeat;
	padding: 20px;
	font-size: 14px;
	color: #666666;
}

#domains {
	width: 469px;
	height: 257px;
	float: right;
}

#domain-leer1 {
	width: 367px;
	height: 23px;
	float: left;
}

.domain-leer2 {
	width: 27px;
	height: 117px;
	float: left;
}

.domain {
	width: 170px;
	height: 117px;
	float: left;
	background-image: url(images/domain-background.png);
	background-repeat: no-repeat;
}

.domain:hover {
	background-image: url(images/domain-background-hover.png);
	background-repeat: no-repeat;
}

.domain-line {
	width: 367px;
	height: 117px;
	float: left;
}

#domain-name {
	width: 84px;
	height: 257px;
	float: right;
	background-image: url(images/domain-name.png);
}

#domain-left {
	width: 367px;
	height: 257px;
	float: left;
}

#footer {
	width: auto;
	height: 160px;
	clear: both;
}

#footer-navi {
	width: auto;
	height: 50px;
	margin-top: 50px;
	background-image: url(images/footer.png);
	background-repeat: repeat-x;
}

#footer-navi-in {
	width: 800px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #004192;
}

#footer-info {
	width: 800px;
	height: 150px;
	text-align: center;
	font-size: 14px;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
}

#footer-left {
	width: 200px;
	height: 50px;
	float: right;
	text-align: left;
}

#box-end {
	width: 800px;
	height: 1px;
	clear: both;
	margin-bottom: 30px;
}

tr {
	background-image: url(images/tr.png);
	background-repeat: repeat-x;
	border: 1px solid #999999;
}

table {
	border: 1px solid #999999;
	text-align: left;
	color: #666666;
}

td {
	border: 1px solid #999999;
}

#bestellen {
	width: 200px;
	height: 200px;
	margin-top: 100px;
	background-image: url(http://www.international-hosting.de/images/bestellen.png);
	position: absolute;
}

**webcreate** · 30.06.2010 13:52

Ich lasse mir ja nur ungern unterstellen, dass meine gebotene Hilfe falsch ist, wenn dieses jedoch nicht zutrifft!
Damit hier keinen anderer die falsche Annahme annimmt, das fixed nicht helfen würde, hier der Gegenbeweiß:

HTML-Code:

<!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>Fixed Box</title>
<meta name="language" content="de-de" />
<style type="text/css">
*{
margin: 0;
padding: 0;
}

html{
background: #fff;
font-size: .68em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

body{
width: 300px;
margin: 0px auto;
}

#myBox{
position: fixed;
bottom: 0;
right: 0;
background: #f00;
width: 150px;
height: 15px;
}
</style>
</head>
<body>
<div id="myBox">
Ich bin dann mal eine fixe Box.
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</body>
</html>

zur Startseite vom TP

Thema: Seltsame Zeichen am Anfang der Seite

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Seltsame Zeichen am Anfang der Seite

Ähnliche Themen

Seite springt beim öffnen eines Popps zu Anfang zurück

hässliche zeichen in der seite

seite neu laden, ohne an den anfang zu springen

webdesign von anfang an, wo mache ich den anfang?

Aktive Benutzer

Aktive Benutzer