php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 15.12.2004, 13:39  
Gast
 
Beiträge: n/a
Standard 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 ...
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 15.12.2004, 14:21  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 2.150
Guradia befindet sich auf einem aufstrebenden Ast
Standard Re: wieder ein DIV problemchen

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
Guradia ist offline   Mit Zitat antworten
Alt 15.12.2004, 14:50  
Gast
 
Beiträge: n/a
Standard

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 ...
  Mit Zitat antworten
Alt 15.12.2004, 15:03  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 2.150
Guradia befindet sich auf einem aufstrebenden Ast
Standard

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?
Guradia ist offline   Mit Zitat antworten
Alt 15.12.2004, 15:05  
Gast
 
Beiträge: n/a
Standard

Code:
left:333px;
wie errechnet sich dieser wert?
  Mit Zitat antworten
Alt 15.12.2004, 15:08  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 2.150
Guradia befindet sich auf einem aufstrebenden Ast
Standard

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.
Guradia ist offline   Mit Zitat antworten
Alt 15.12.2004, 15:20  
Gast
 
Beiträge: n/a
Standard

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 ...
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ä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

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
div option select, <div><a><select><a> anordnung

Alle Zeitangaben in WEZ +2. Es ist jetzt 20:29 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.