HTML/CSS -Hänger

3of4 · 19.02.2006, 10:13

Ich hänge gerade an folgendem Beispiel:

Code:

<form action="upd_job.php">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<div class="main_div2">

[img]kris.gif[/img]
[img]kris.gif[/img]
  <div class="head_div" style="color:white">
	<input type="text" name="Zeile1" value="<?php echo $Zeile1; ?>">
...

Code:

.head_div {
	font-family: arial, "lucida console", sans-serif;
	font-size:25;
	background-color:#4A217E;
	padding:8;
	font-weight:bold;
	position:relative;
	margin-top:0px;
}

/*2. Übergeordnetes div, mit Rahmen*/
.main_div2{
	margin-top:20px;
	margin-left:30px;
	height:550px;
	width:450px;
	padding:0;
	border-width:2px;
	border-style:solid;
	border-color:#4A217E;
	position:relative;
	overflow:visible;
}

Kurz gesagt: wie schreibe ich die Positionierung für die Bilder so, dass sie in jedem Fall über den linken und rechten oberen Ecken sind?

T.dot · 19.02.2006, 11:04

Wo funktioniert das nicht? Habs in Opera und IE getestet. Als Doctype hab ich <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> verwendet.

mfg T.

3of4 · 19.02.2006, 11:06

Also ich verwende Firefox und die Kreise sind bei ihm (und beim IE) irgendwo, nur nicht über den oberen Ecken.
Wenn es jetzt bei dir gehen sollte, find ich das nur faszinierender, da die Werte, die jetzt bei der Positionierung drinstehen experimentalwerte sind, die ich ca. alle 2 sek. änder... o.O

jak · 19.02.2006, 11:12

Meinst du sowas?

Code:

<div class="main_div2">
<div style="position:absolute;">
[img]kris.gif[/img]
[img]kris.gif[/img]
bla bla usw.
</div>
</div>

jak

3of4 · 19.02.2006, 11:53

ja, so etwas meine ich, aber er stellt alles immer falsch dar

3of4 · 19.02.2006, 13:00

anbei einen screenshot, wie es bei mir dargestellt wird

Sesa_Mina · 19.02.2006, 13:31

möchte darauf hinweisen dass der IE bei loose und transitional im Quirks Modus arbeitet und positionierungen nicht dem standard entsprechen (da anders berechnet).

Um dem standard entsprechend genaue positionierung zu bekommen den strict modus verwenden.

dann sollts auch mit dem positionieren bei IE und FF klappen...

3of4 · 19.02.2006, 13:37

blöde frage, aber ich bin jetzt seit 72 h wach: könntest du mir das vielleicht als code schreiben?
ich bin einfach übermüdet und krieg nichts mehr hin

AzRAeL · 13.04.2006, 09:09

du solltest heutzutage immer einen doctype angeben, dh vor dem <head noch folgendes einfügen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

dies "verleitet" den Browser dazu den denderingmode zu wechseln... und dann klappts auch mit dem nachbarn ;-)

3of4 · 13.04.2006, 10:07

zu spät, habe kapituliert und tabellen verwendet :/

19.02.2006, 11:06	#3
3of4 Elite Registriert seit: 14.11.1999 Alter: 39 Beiträge: 1.429	Also ich verwende Firefox und die Kreise sind bei ihm (und beim IE) irgendwo, nur nicht über den oberen Ecken. Wenn es jetzt bei dir gehen sollte, find ich das nur faszinierender, da die Werte, die jetzt bei der Positionierung drinstehen experimentalwerte sind, die ich ca. alle 2 sek. änder... o.O ____________________________________ Resistantium est futilius

19.02.2006, 11:53	#5
3of4 Elite Registriert seit: 14.11.1999 Alter: 39 Beiträge: 1.429	ja, so etwas meine ich, aber er stellt alles immer falsch dar ____________________________________ Resistantium est futilius

19.02.2006, 13:00	#6
3of4 Elite Registriert seit: 14.11.1999 Alter: 39 Beiträge: 1.429	anbei einen screenshot, wie es bei mir dargestellt wird ____________________________________ Resistantium est futilius

19.02.2006, 13:31	#7
Sesa_Mina Schwarzfußfrettchen Registriert seit: 28.01.2001 Beiträge: 2.071	möchte darauf hinweisen dass der IE bei loose und transitional im Quirks Modus arbeitet und positionierungen nicht dem standard entsprechen (da anders berechnet). Um dem standard entsprechend genaue positionierung zu bekommen den strict modus verwenden. dann sollts auch mit dem positionieren bei IE und FF klappen... ____________________________________ Wann die kan Almdudler ham... \"Es gibt nur einen Weg zur Lunge, und der muss geteert werden, damit der Krebs nicht stolpert!\" http://www.dream.at/gizmo/bunny.gif Image is © 2001 Merle Sterndalsäg.. ähh... jäger

19.02.2006, 13:37	#8
3of4 Elite Registriert seit: 14.11.1999 Alter: 39 Beiträge: 1.429	blöde frage, aber ich bin jetzt seit 72 h wach: könntest du mir das vielleicht als code schreiben? ich bin einfach übermüdet und krieg nichts mehr hin ____________________________________ Resistantium est futilius

19.02.2006, 11:04	#2
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	Wo funktioniert das nicht? Habs in Opera und IE getestet. Als Doctype hab ich <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> verwendet. mfg T.

19.02.2006, 11:12	#4
jak Inventar Registriert seit: 13.06.2001 Beiträge: 1.830	Meinst du sowas? Code: <div class="main_div2"> <div style="position:absolute;"> [img]kris.gif[/img] [img]kris.gif[/img] bla bla usw. </div> </div> jak ____________________________________ Join the DNRC \| Godwin\'s Law (thx@stona) Documentation is like sex: If it\'s good, it\'s very, very good. If it\'s bad, it\'s better than nothing. \"In theory, theory and practice are the same. In practice, they are not\" (Lawrence Berra)

13.04.2006, 09:09	#9
AzRAeL Veteran Registriert seit: 21.11.2000 Beiträge: 215	nunja du solltest heutzutage immer einen doctype angeben, dh vor dem <head noch folgendes einfügen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> dies "verleitet" den Browser dazu den denderingmode zu wechseln... und dann klappts auch mit dem nachbarn ;-)

13.04.2006, 10:07	#10
3of4 Elite Registriert seit: 14.11.1999 Alter: 39 Beiträge: 1.429	zu spät, habe kapituliert und tabellen verwendet :/ ____________________________________ Resistantium est futilius

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)