Problem mit div layer

GiS · 02.06.2010, 13:04

Hi Leute ich habe ein Problem mit einem Div Layer. Und zwar handelt es sich um die id: player. Ich habe zwar margin-top:11px; eingegeben aber es bewegt sich vom umliegenden objekt in Firefox nicht weg. Im Internet Explorer wird alles passend angezeigt. Könnt ihr mir helfen?

Hier der Code:

Code:

<html>
<head>

<title>Meine Seite</title>
<link rel="shortcut icon" href="esl.ico">

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

body {
margin:0;
font-family:'Verdana',sans-serif;
background-color:#ffffff;
background-image:url(images/background.jpg);
}

html {
overflow:scroll;
overflow-x:hidden;
}

#topbar {
width:100%;
height:24px;
background:#222222;
background-image:url(images/topbarbg.gif);
}

#playerbackground {
position:relative;
width:682px;
height:502px;
margin-left:159px;
margin-top:89px;
background:#222222;
background-image:url(images/playerbg.gif);
}

#player {
position:relative;
width:640px;
height:480px;
margin-left:21px;
margin-top:11px;
background:#222222;
}

#content {
position:absolute;
left:50%;
width:1000px;
height:776px;
margin-left:-500px;
background:#222222;
background-image:url(images/contentbg.gif);
top: 24px;
}

</style>

</head>

<body>

<div id="topbar"> </div>
<div id="content"> <div id="playerbackground"> <div id="player"> </div> </div> </div>

</body>
</html>

[MOD: Wiederhergestellt]

Tholi · 02.06.2010, 13:11

Doch das margin-top wirkt.

Habs eben mal getestet. Wenn du die Background-color mal ne andere gibt als dem umrandenen div, siehst du es auch.

GiS · 02.06.2010, 13:14

Also bei mir wird die box nicht runtergeschoben. // Bemerkung: In Firefox ist der bug in IE nicht

Tholi · 02.06.2010, 13:19

Bei mir funktionieren sowohl FireFox, als auch der IE.

GiS · 02.06.2010, 13:24

URL ....hier funzt es nicht...

Tholi · 02.06.2010, 13:29

Und ist genau das CSS drin? Der Quellcode sieht wie generiert aus.

GiS · 02.06.2010, 13:32

ja so ist der drin (auser dass ich die box halt grün gemacht habe)

- und nein der ist nicht generiert ich achte nur auf die Übersicht

Tholi · 02.06.2010, 13:43

Merkwürdige bei dem ist, dass im Firefox (Quellcode) kein Style und keine Div-Box existiert mit dem namen "player"

Innocent · 02.06.2010, 13:45

PHP-Code:

  #player {

position:absolute;  //statt relativ

}

Du solltest dich aber generell noch etwas mit dem Layout beschäftigen(vorallem den "positions"), dein Mix aus relativen und absoluten Positionen wird dir bei unterschiedlichen Viewports(die dir definitiv begegnen werden) noch einige Layoutprobleme bereiten.

Mit absoluter(d.h. relativ zum Viewport) Position solltest du mit top,left etc arbeiten.
Mit relativer(d.h relativ zum Elterncontainer) Position solltest du mit margin arbeiten.

Gruß

XLB · 02.06.2010, 13:57

Zitat:

Zitat von Tholi

Merkwürdige bei dem ist, dass im Firefox (Quellcode) kein Style und keine Div-Box existiert mit dem namen "player"

Den IFrame solltest schon "aufmachen" :

PHP-Code:

  <div id="content"> <div id="playerbackground"> <div id="player"> </div> </div> </div>

Zitat:

und nein der ist nicht generiert ich achte nur auf die Übersicht

Wenn du in Foren Hilfe suchst, solltest du dein Markup schon "lesbar" gestalten ...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem beim Download Management	mistermint	PHP Tipps 2009	8	24.10.2009 11:34
Umlaut Problem	nokieone	PHP Tipps 2009	7	16.10.2009 19:30
Problem mit dem Adserver v2.3 von Layerking.com	rene2605	JavaScript, Ajax und mehr	7	18.08.2009 21:26
Problem mit Basedir in PhP	cmuch05	Datenbanken	9	08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal	soulan	PHP Tipps 2008	13	28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB	Lapje	PHP Tipps 2008	1	22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen)	go1denboy	PHP Tipps 2008	1	23.09.2008 12:19
Problem mit swfobjects	R4v3r	JavaScript, Ajax und mehr	8	21.09.2008 14:17
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
kleines Problem mit css layer	Rotti	HTML, Usability und Barrierefreiheit	0	08.12.2005 22:36
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.06.2010, 13:11
Tholi Erfahrener Benutzer Registriert seit: 30.03.2010 Beiträge: 176 PHP-Kenntnisse: Fortgeschritten	Doch das margin-top wirkt. Habs eben mal getestet. Wenn du die Background-color mal ne andere gibt als dem umrandenen div, siehst du es auch. __________________ Look at This! Digital-Duty.DE Für Syntax-Fehler übernehme ich keine Haftung!

02.06.2010, 13:14
GiS Erfahrener Benutzer Registriert seit: 07.06.2009 Beiträge: 112 PHP-Kenntnisse: Fortgeschritten	Also bei mir wird die box nicht runtergeschoben. // Bemerkung: In Firefox ist der bug in IE nicht

02.06.2010, 13:19
Tholi Erfahrener Benutzer Registriert seit: 30.03.2010 Beiträge: 176 PHP-Kenntnisse: Fortgeschritten	Bei mir funktionieren sowohl FireFox, als auch der IE. __________________ Look at This! Digital-Duty.DE Für Syntax-Fehler übernehme ich keine Haftung!

02.06.2010, 13:24
GiS Erfahrener Benutzer Registriert seit: 07.06.2009 Beiträge: 112 PHP-Kenntnisse: Fortgeschritten	URL ....hier funzt es nicht... Geändert von GiS (02.06.2010 um 14:18 Uhr).

02.06.2010, 13:29
Tholi Erfahrener Benutzer Registriert seit: 30.03.2010 Beiträge: 176 PHP-Kenntnisse: Fortgeschritten	Und ist genau das CSS drin? Der Quellcode sieht wie generiert aus. __________________ Look at This! Digital-Duty.DE Für Syntax-Fehler übernehme ich keine Haftung!

02.06.2010, 13:32
GiS Erfahrener Benutzer Registriert seit: 07.06.2009 Beiträge: 112 PHP-Kenntnisse: Fortgeschritten	ja so ist der drin (auser dass ich die box halt grün gemacht habe) - und nein der ist nicht generiert ich achte nur auf die Übersicht

02.06.2010, 13:43
Tholi Erfahrener Benutzer Registriert seit: 30.03.2010 Beiträge: 176 PHP-Kenntnisse: Fortgeschritten	Merkwürdige bei dem ist, dass im Firefox (Quellcode) kein Style und keine Div-Box existiert mit dem namen "player" __________________ Look at This! Digital-Duty.DE Für Syntax-Fehler übernehme ich keine Haftung!

02.06.2010, 13:45
Innocent Neuer Benutzer Registriert seit: 02.06.2010 Beiträge: 1 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `#player { position:absolute; //statt relativ }` Du solltest dich aber generell noch etwas mit dem Layout beschäftigen(vorallem den "positions"), dein Mix aus relativen und absoluten Positionen wird dir bei unterschiedlichen Viewports(die dir definitiv begegnen werden) noch einige Layoutprobleme bereiten. Mit absoluter(d.h. relativ zum Viewport) Position solltest du mit top,left etc arbeiten. Mit relativer(d.h relativ zum Elterncontainer) Position solltest du mit margin arbeiten. Gruß