IE und Firefox Problem

Bruno_2k · 05.12.2005

hi

Ich habe bei einer Homepage folgendes Probleme im IE und im Firefox

IE: Hier wird der Header Bereich und der Bottom Bereich nicht richtig angezeigt.
FF: Der content-back bereich wird nicht korrekt angezeigt

hier der Code der CSS Datei

Code:

body {
width: 800px;
height: 750px;
background: white;
padding-top: 20px;
padding-left:60px;
}

#header {
position: absolute;
width: 800px;
min-height: 212px;
top: 20px;
left: 20px;
background: url('header.jpg');
border: 2px solid black;
}

#content-back {
position: absolute;
width: 800px;
min-height: 200px;
top: 230px;
left: 20px;
padding-left: 200px;
padding-top: 10px;
background: url('content.jpg');
border-left-width: 2px;
border-left-style: solid;
border-left-color: black;
border-right-width: 2px;
border-right-style: solid;
border-right-color: black;
}

#bottom {
position: absolute;
width: 800px;
min-height: 40px;
padding-top: 50px;
left: -2px;
background: url('bottom.jpg')no-repeat;
border-left-width: 2px;
border-left-style: solid;
border-left-color: black;;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: black;
border-right-width: 2px;
border-right-style: solid;
border-right-color: black;;
}

#Impressum {
positon: absolute;
padding-left: 20px;
}

#Home {
position: absolute;
top: 126px;
left: 170px;
}

#Forum {
position: absolute;
top: 126px;
left: 250px;
}

#Gästebuch {
position: absolute;
top: 126px;
left: 330px;
}

#Downloads {
position: absolute;
top: 126px;
left: 435px;
}

#Bilder {
position: absolute;
top: 126px;
left: 545px;
}

#Links {
position: absolute;
top: 126px;
left: 625px;
}

#Kontakt {
position: absolute;
top: 126px;
left: 705px;
}

und der Code der HTML Datei:

Code:

&lt;html>
&lt;head>
&lt;title>&lt;/title>
&lt;link rel=stylesheet type=text/css href=index.css />
&lt;/head>
&lt;body>

&lt;div id=header>
		 &lt;div id=Home>&lt;font size=2 face=Arial>&lt;a href=home.html style=color:black>&lt;b>Home&lt;/b>&lt;/a>&lt;/font>&lt;/div>
		 &lt;div id=Forum>&lt;font size=2 face=Arial>&lt;a href=forum.html style=color:black>&lt;b>Forum&lt;/b>&lt;/a>&lt;/font>&lt;/div>
		 &lt;div id=Gaestebuch>&lt;font size=2 face=Arial>&lt;a href=gästebuch.html style=color:black>&lt;b>Gästebuch&lt;/b>&lt;/a>&lt;/font>&lt;/div>
		 &lt;div id=Downloads>&lt;font size=2 face=Arial>&lt;a href=downloads.html style=color:black>&lt;b>Downloads&lt;/b>&lt;/a>&lt;/font>&lt;/div>
		 &lt;div id=Bilder>&lt;font size=2 face=Arial>&lt;a href=bilder.html style=color:black>&lt;b>Bilder&lt;/b>&lt;/a>&lt;/font>&lt;/div>
		 &lt;div id=Links>&lt;font size=2 face=Arial>&lt;a href=links.html style=color:black>&lt;b>Links&lt;/b>&lt;/a>&lt;/font>&lt;/div>
		 &lt;div id=Kontakt>&lt;font size=2 face=Arial>&lt;a href=kontakt.html style=color:black>&lt;b>Kontakt&lt;/b>&lt;/a>&lt;/font>&lt;/div>
&lt;/div>
&lt;div id=content-back>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text&lt;br>text ......
&lt;div id=bottom>&lt;div id=Impressum>&lt;font size=2 face=Arial>&lt;a href=impressum.html style=color:white>&lt;b>Impressum&lt;/b>&lt;/a>&lt;/font>&lt;/div>&lt;/div>
&lt;/style>
&lt;/body>
&lt;/html>

Hier könnt ihr euch das nochmal in live anschaun:
http://mitglied.lycos.de/kingtom/FF/

Was mache ich da falsch?

danke für eure Mühen
mfg Bene

connyas · 05.12.2005

1.) Solche Sachen mag ich schon mal gar nicht wenn ich eine Webseite checken soll

2.) Ich seh da kein Problem, das BG-Image is halt nicht breiter

http://mitglied.lycos.de/kingtom/FF/header.jpg

Bruno_2k · 05.12.2005

hi

Conny schrieb:
1.) Solche Sachen mag ich schon mal gar nicht wenn ich eine Webseite checken soll

Das liegt doch an dem Umlaut im Quellcode, oder?

Conny schrieb:
2.) Ich seh da kein Problem, das BG-Image is halt nicht breiter

Das wird bei mir und einem Kumpel gar nicht angezeigt und im im Opera geht ja die ganze Seite problemlos :-\

mfg Bene

Michael · 05.12.2005

Hi

Da Firefox Padding left auf die width von content-back dazurechnet ist das 200 Pixel breiter als im IE. Der IE berechnet das halt falsch. Daher solltest du auf die Benutzung von Padding innerhalb von Layern verzichten.

Gruß, Michael

Bruno_2k · 05.12.2005

hi

PCDReitz schrieb:
Da Firefox Padding left auf die width von content-back dazurechnet ist das 200 Pixel breiter als im IE. Der IE berechnet das halt falsch. Daher solltest du auf die Benutzung von Padding innerhalb von Layern verzichten.

Wie könnte ich das dann lösen?
Ich bin noch sehr unerfahren beim bauen von Webseiten.

Danke für eure Mühen
mfg Bene

Michael · 05.12.2005

Hi

Am einfachsten indem du in den Layer nochmal einen Layer reinmachst der 200px Margin hat.

Gruß, Michael

kingtom · 05.12.2005

So, und hier is der Verbrecher von dem ganzen mal Persönlich

Schon mal danke für die Antworten, und noch ne kleine Frage...

Was haltet ihr von dem Design, wenn man es denn überhaupt so schimpfen darf?...is nix besonderes, aber war so ungefähr erst mein 2ter Versuch...

Also bitte gnädige Meinungen :-[

MfG Der Verbrecher alias kingtom ;D

Michael · 05.12.2005

Hi

Sowohl technisch als auch grafisch ist es recht ansprechend. Das Impressum ist unten Links allerdings etwas verloren.
Insgesamt kommt es dann mehr darauf an wie du den Inhalt gestaltest.

Diese Frame Geschichte von Lycos mit Werbung ist natürlich auch nicht so der Bringer.

Gruß, Michael

Bruno_2k · 05.12.2005

hi

PCDReitz schrieb:
Diese Frame Geschichte von Lycos mit Werbung ist natürlich auch nicht so der Bringer.

Mich nervt das selbst auch tierisch. Aber die Homepage ist nur zu Testzwecken und wärend der Bauphase auf dem Lycos Webspace.

mfg Bene

noah1 · 09.12.2005

Dann guck doch mal bei anderen Anbietern von Free-Webspace, z.B. Funpic.
Da kommt zwar neuerdings auch Werbung, aber nur als Popup und nicht in einem Frame.

IE und Firefox Problem

Bruno_2k

connyas

Bruno_2k

Michael

Bruno_2k

Michael

kingtom

Michael

Bruno_2k

noah1

IE und Firefox Problem

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums