wieder ein DIV problemchen

15.12.2004, 13:39

nachdem ich mich nun hab überzeugen lassen, das layout nicht mehr mit tabellen zu machen, sondern mit divs, verzeifle ich langsam.

z.b.:

a, warum interpretiert der dreamweaver alle tops und lefts anders als der IE (nehme dreamw. weils anfangs leichter zu sortieren ist, dachte ich ...)
b, was muss ich bei der positionierung beachten: border, padding, margin, etc ...

Guradia · 15.12.2004, 14:21

Zitat:

Zitat von Anakin

nachdem ich mich nun hab überzeugen lassen, das layout nicht mehr mit tabellen zu machen, sondern mit divs, verzeifle ich langsam.

Einfach 'nur' <div> ist auch nur etwas besser als Tabellen. Semantisch richtiges Markup darfs noch dazu sein.

Zitat:

Zitat von Anakin

a, warum interpretiert der dreamweaver alle tops und lefts anders als der IE (nehme dreamw. weils anfangs leichter zu sortieren ist, dachte ich ...)

Da musst du Macromedia fragen.

Zitat:

Zitat von Anakin

b, was muss ich bei der positionierung beachten: border, padding, margin, etc ...

Erstmal: nichts. DWs Standard bei der Positionierung ist position: absolute; .. da ist keine der genanten Angaben massgeblich einflussreich auf die Positionierung anderer Elemente.

Was beachtet werden darf: Steckt in Element im anderen, ist dieses andere der Bezugspunkt für die Positionierung

15.12.2004, 14:50

Zitat:

Erstmal: nichts. DWs Standard bei der Positionierung ist position: absolute; .. da ist keine der genanten Angaben massgeblich einflussreich auf die Positionierung anderer Elemente.

Was beachtet werden darf: Steckt in Element im anderen, ist dieses andere der Bezugspunkt für die Positionierung

mh ... meine erfahrung sagt aber was anderes ... z.b.:

Code:

  <div style="position:absolute; top:250px; left:0px; width:700px; height:230px; border: 1px solid #000000; padding:5px; " class="text8">Bilderauswahl:
  
<div style="position:absolute; top:25px; left:5px; width:310px; height:200px; border: 1px solid #000000; padding:5px; text-align:center;" class="text8"> 
    <select name="select" size="11" style="width: 250px;"> 
      <option value="bild1" selected>blablalba</option> 
    </select> 
  </div> 
 
 <div style="position:absolute; top:25px; left:333px; width:310px; height:200px; border: 1px solid #000000; padding:5px; text-align:center" class="text8">[img]...[/img] </div> 
 </div>

diese anordnung ist halbwegs gleichmässig, aber woher ergeben sich z.b. die werte fürs 2te LEFT ...

Guradia · 15.12.2004, 15:03

Zitat:

Zitat von Anakin

mh ... meine erfahrung sagt aber was anderes ... z.b.:

Ich sehe im Ergebnis meine Aussage bestätigt ...

Zitat:

Zitat von Anakin

diese anordnung ist halbwegs gleichmässig, aber woher ergeben sich z.b. die werte fürs 2te LEFT ...

Was verstehst du unter "2. Left" und worin liegt da dein Problem?

15.12.2004, 15:05

Code:

left:333px;

wie errechnet sich dieser wert?

Guradia · 15.12.2004, 15:08

Zitat:

Zitat von Anakin

Code:

left:333px;

wie errechnet sich dieser wert?

333px Links vom linken Rand des Elternelements. Der 1. <div /> ist ein sibling .. bei sind childs des zu oberst stehenden <div /> .. bei orienteiren sich also in ihrere Position am Parent.

15.12.2004, 15:20

ja scho klar aber nach meiner rechnung:

Code:

   padding v. parent      5px
   li. rahmen 1.div        1px
   1.div                     310px
   re. rahmen 1.div       1px
   abstand 1.-2.div        5px
--------------------------------
                               326px

und nicht 333px ...

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
PHP+MYSQL+IF-Abfrage Problemchen...	Te7Ris	PHP Tipps 2008	22	19.05.2008 17:47
folgendes problemchen	havanna	PHP Tipps 2008	7	09.01.2008 13:59
Bildtechnisches Problemchen Kann gelöscht werden		PHP Tipps 2007	11	20.11.2005 21:46
Komisches Problemchen		PHP Tipps 2005-2	15	19.09.2005 16:34
Komisches Problemchen mit Tabelle in Html und PHP		PHP Tipps 2005-2	5	21.06.2005 14:29
LDAP_ADD Problemchen		PHP Tipps 2005	13	22.02.2005 12:23
Dateiupload Problemchen		PHP Tipps 2005	2	31.01.2005 17:13
ereg_replace Problemchen [simpel!]		PHP Tipps 2005	12	21.01.2005 02:23
mysql_query ORDER BY - Problemchen	Magic	PHP Tipps 2005	3	20.01.2005 07:13
[Erledigt] Kleines Mozilla Problemchen		Off-Topic Diskussionen	5	05.10.2004 13:59
problemchen		PHP Tipps 2004	5	13.07.2004 22:23

15.12.2004, 13:39
Gast Beiträge: n/a	wieder ein DIV problemchen nachdem ich mich nun hab überzeugen lassen, das layout nicht mehr mit tabellen zu machen, sondern mit divs, verzeifle ich langsam. z.b.: a, warum interpretiert der dreamweaver alle tops und lefts anders als der IE (nehme dreamw. weils anfangs leichter zu sortieren ist, dachte ich ...) b, was muss ich bei der positionierung beachten: border, padding, margin, etc ...


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

15.12.2004, 15:05
Gast Beiträge: n/a	Code: left:333px; wie errechnet sich dieser wert?

15.12.2004, 15:20
Gast Beiträge: n/a	ja scho klar aber nach meiner rechnung: Code: padding v. parent 5px li. rahmen 1.div 1px 1.div 310px re. rahmen 1.div 1px abstand 1.-2.div 5px -------------------------------- 326px und nicht 333px ...