zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Elemente lassen sich nicht in FF verschieben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.01.2007, 01:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2007
Beiträge: 4
SyntaxError befindet sich auf einem aufstrebenden Ast
Böse Elemente lassen sich nicht in FF verschieben

Hallo!

Ich möchte mein Layout lediglich zentrieren. In IE ist es kein Problem, der frist ja eh fast alles. Im FF funktioniert eider nichts. Ich denke ich habe bestimmt nur etwas über sehen.

position:absolute positioniert scih doch ausgehend von Elternelement, oder nicht? So müßte doch funktionieren, wenn ich lediglich das Elternelement zentriere... oder?

Code:
body{
	background-color:#000000;
	margin:0px;
	font-family:Verdana, Helvatica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
}

img {
	border:0px;
}

div{
	border:0px;
}

#txt {
	position:absolute;
	top:;
	left:;
}
<!-- Start-Layout -->
#layout {
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-512px;
	width:1024px;
	height:768px;
}

#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(img/index_01.jpg);
	width:116px;
	height:139px;
}

#index-02 {
	position:absolute;
	left:116px;
	top:0px;
	background-image:url(img/index_02.jpg);
	width:47px;
	height:139px;
}

#index-03 {
	position:absolute;
	left:163px;
	top:0px;
	width:362px;
	height:139px;
}

#index-04 {
	position:absolute;
	left:525px;
	top:0px;
	background-image:url(img/index_04.jpg);
	width:98px;
	height:139px;
}

#index-05 {
	position:absolute;
	left:623px;
	top:0px;
	background-image:url(img/index_05.jpg);
	width:312px;
	height:162px;
}

#index-06 {
	position:absolute;
	left:935px;
	top:0px;
	background-image:url(img/index_06.jpg);
	width:89px;
	height:162px;
}

#index-07 {
	position:absolute;
	left:0px;
	top:139px;
	background-image:url(img/index_07.jpg);
	width:116px;
	height:629px;
}

#index-08 {
	position:absolute;
	left:116px;
	top:139px;
	width:187px;
	height:23px;
}

#index-09 {
	position:absolute;
	left:303px;
	top:139px;
	width:165px;
	height:23px;
}

#index-10 {
	position:absolute;
	left:468px;
	top:139px;
	width:155px;
	height:23px;
}

#index-11 {
	position:absolute;
	left:116px;
	top:162px;
	background-image:url(img/index_11.jpg);
	width:507px;
	height:488px;
}

#index-12 {
	position:absolute;
	left:623px;
	top:162px;
	background-image:url(img/index_12.jpg);
	width:401px;
	height:188px;
}

#index-13 {
	position:absolute;
	left:623px;
	top:350px;
	background-image:url(img/index_13.jpg);
	width:401px;
	height:300px;
}

#index-14 {
	position:absolute;
	left:116px;
	top:650px;
	background-image:url(img/index_14.jpg);
	width:507px;
	height:118px;
}

#index-15 {
	position:absolute;
	left:623px;
	top:650px;
	background-image:url(img/index_15.jpg);
	width:401px;
	height:118px;
}
<!-- End-Layout -->
/* ]]> */
</style>

</head>

<body>

<div id="layout">
	
	<div id="txt">
		
	</div>

	<div id="index-01">&nbsp;</div>
	<div id="index-02">&nbsp;</div>
	<div id="index-03">
		<a href="#">
			<img src="img/index_03.jpg">
		</a> 
	</div>
	<div id="index-04">&nbsp;</div>
	<div id="index-05">&nbsp;</div>
	<div id="index-06">&nbsp;</div>
	<div id="index-07">&nbsp;</div>
	<div id="index-08">
		<a href="#">
			<img src="img/index_08.jpg">
		</a> 
	</div>
	<div id="index-09">
		<a href="#">
			<img src="img/index_09.jpg">
		</a> 
	</div>
	<div id="index-10">
		<a href="#">
			<img src="img/index_10.jpg">
		</a>
	</div>
	<div id="index-11">&nbsp;</div>
	<div id="index-12">&nbsp;</div>
	<div id="index-13">&nbsp;</div>
	<div id="index-14">&nbsp;</div>
	<div id="index-15">&nbsp;</div>
</div>

</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.01.2007, 11:24
Benutzerbild von LineMan
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.08.2006
Ort: Mülheim an der Ruhr
Beiträge: 211
LineMan befindet sich auf einem aufstrebenden Ast
Standard

hi... ist nicht bös gemeint, aber der quelltext (incl.css) ist nicht besonders dolle. Ich würde das mit den absoluten positionierungen mal überdenken

deine zentrierung bekommst du folgendermaßen hin:

Code:
body {
	text-align:center; //Zentrierung für IE ab Ver.5
}

#layout {
	margin:0 auto;
	width:940px; //Kein 1024 Fenster hat 1024px Platz
	height:768px; //Warum eine feste Höhe?
	text-align:left; //IE-Zentrierung rückgängig gemacht
}
__________________
Mein Bug, Dein Bug, Bugs sind für uns alle da...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.01.2007, 12:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2007
Beiträge: 4
SyntaxError befindet sich auf einem aufstrebenden Ast
Standard

...keine Angst das fass ich nicht böse auf!
Dies ist nur auf die Schnelle erstellt und der Output von Image-Ready!

Deinen Vorschlag hab ich auch schon ausprobiert, bevor ich hier den Qt geposten hatte.

Leider ohne Erfolg...
Mit Zitat antworten
  #4 (permalink)  
Alt 17.01.2007, 12:15
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Dann lass mal mehr lauffähigen Code rüberwachsen (komplette Beispiels-HTML-Datei), bzw. ein Online-Beispiel.

http://xhtmlforum.de/40080-fuer-frag...twortende.html
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 17.01.2007, 12:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2007
Beiträge: 4
SyntaxError befindet sich auf einem aufstrebenden Ast
Standard

Ich habe leider noch nichts online.
Desweiteren ist der oben gezeigte Qt alles was derzeitig vorhanden ist....
(plus Doc-Type und stlyeTag )
Mit Zitat antworten
  #6 (permalink)  
Alt 17.01.2007, 13:09
Benutzerbild von LineMan
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.08.2006
Ort: Mülheim an der Ruhr
Beiträge: 211
LineMan befindet sich auf einem aufstrebenden Ast
Standard

das kann auch nur dann funktionieren, wenn du sämtliche absoluten positionierungen raus nimmst. anstelle dessen würde ich mich mal mit dem thema "float" befassen. dann solltest du relativ schnell zu vernünftigen ergbnissen kommen.
__________________
Mein Bug, Dein Bug, Bugs sind für uns alle da...
Mit Zitat antworten
  #7 (permalink)  
Alt 17.01.2007, 14:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2007
Beiträge: 4
SyntaxError befindet sich auf einem aufstrebenden Ast
Standard

Das hatte ich bereits befürchtet.
Dann werde ich mich mal rannmachen, Danke
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
div Elemente verschieben sich wenn ich Text/Links in die Navigation schreibe grubentaucher CSS 1 18.01.2010 20:52
css Frage: Elemente im div verschieben hallo2008 CSS 2 05.08.2009 20:49
Positionierte Elemente verschieben sich bei Schriftvergrößerung accessoire CSS 5 30.06.2008 11:22
Welche Positionierung für elemente eines Formulas? bastien CSS 3 01.01.2007 23:31
bei hover->bold und alle elemente verschieben sich? xy2er CSS 4 16.03.2005 16:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:59 Uhr.