WCM Forum - HTML/CSS -Hänger

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - HTML/CSS -Hänger (http://www.wcm.at/forum/showthread.php?t=185823)

3of4	19.02.2006 10:13

HTML/CSS -Hänger

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 :mad:

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

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 ;-)

3of4	13.04.2006 10:07

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

Alle Zeitangaben in WEZ +2. Es ist jetzt 19:58 Uhr.