kostenloser Webspace werbefrei: lima-city

Mal wieder Probleme mit IE & FireFox

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   karpfen

   

   karpfen hat kostenlosen Webspace.

   10:29, 27.11.2007

   Hallo zusammen,
   
   habe mal wieder ein Problemchen beim Positionieren von Textfeldern in einem Formular.
   
   Im FireFox sind sie wieder super ausgerichtet, da klappt das natürlich wieder im IE nicht richtig.
   
   Ich habe einen Container
   

   <div class="textbox">
   
   <form>
   <div class="edt_unternehmen">Unternehmen*:</div>
   <div class="edt_ansprechpartner">Ansprechpartner*:</div>
   <div class="edt_strasse">Strasse*:</div>
   <div class="edt_plz_ort">PLZ/Ort*:</div>
   <div class="edt_telefon">Tel*:</div>
   <div class="edt_fax">Fax*:</div>
   <div class="edt_email">E-Mail*:</div>
   <div class="edt_datum">Datum*:</div>
                                   
                                   
   <div class="inp_unternehmen"><input type="text"></input></div>
   <div class="inp_ansprechpartner"><input type="text"></input></div>
   <div class="inp_strasse"><input type="text"></input></div>
   <div class="inp_plz_ort"><input type="text"></input></div>
   <div class="inp_telefon"><input type="text"></input></div>
   <div class="inp_fax"><input type="text"></input></div>
   <div class="inp_email"><input type="text"></input></div>
   <div class="inp_datum"><input type="text"></input></div>
   
   </form>
   </div>

   
   
   Codebeispiel aus der dazugehörenden CSS-Datei:
   
   

   .textbox
   {
   	height:600px;
   	width:850px;
   	padding-right: 0px;
   	margin-left: 40px;
     	color: #000000;
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 11px;
   	/*border-style:solid;
   	border-color:red;*/
   }
   	/*Text*/
   .edt_unternehmen
   {
   	position:relative;
   	top:2px;
   }
   .edt_ansprechpartner
   {
   	position:relative;
   	top:12px;
   }
   .edt_strasse
   {
   	position:relative;
   	top:25px;
   }
   .edt_plz_ort
   {
   	position:relative;
   	top:36px;
   }
   .edt_telefon
   {
   	position:relative;
   	top:20px;
   	left:400px;
   }
   .edt_fax
   {
   	position:relative;
   	top:25px;
   	left:400px;
   }
   .edt_email
   {
   	position:relative;
   	top:30px;
   	left:400px;
   }
   .edt_datum
   {
   	position:relative;
   	top:35px;
   	left:400px;
   }
   	/*INPUT-FELDER*/
   .inp_unternehmen
   {
   	position:relative;
   	top:-114px;
   	left:100px;
   }
   .inp_ansprechpartner
   {
   	position:relative;
   	top:-112px;
   	left:100px;
   }
   .inp_strasse
   {
   	position:relative;
   	top:-110px;
   	left:100px;
   }
   .inp_plz_ort
   {
   	position:relative;
   	top:-108px;
   	left:100px;
   }
   .inp_telefon
   {
   	position:relative;
   	top:-204px;
   	left:450px;
   }
   .inp_fax
   {
   	position:relative;
   	top:-202px;
   	left:450px;
   }
   .inp_email
   {
   	position:relative;
   	top:-200px;
   	left:450px;
   }
   .inp_datum
   {
   	position:relative;
   	top:-198px;
   	left:450px;
   }

   
   Dort sind die einzelnen Textfelder und Input-Boxen mit position:relative ausgerichtet. Ich dachte eigentlich, dass sich die Ausrichtung an der Textbox (Container) orientiert. Deshalb ja auch position:relative
   
   Im unten angehängten Bild kann man das noch mal veranschaulicht sehen.
   
   http://karpfen.lima-city.de/container.JPG
   
   Würde mich über Hilfe und Ratschläge sehr freuen.
   Danke schon Mal.
   
   
   Beitrag geändert: 27.11.2007 10:36:21 von karpfen

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. e********l

   11:13, 27.11.2007

   Wieso nimmst du für diese Tabellenstruktur nicht einfach eine Tabelle oder lässt die Elemente innerhalb eines Blockelements floaten? Das spart eine Menge Arbeit
4. Autor dieses Themas

   karpfen

   

   karpfen hat kostenlosen Webspace.

   11:14, 27.11.2007

   An Tabellen hab ich nicht gedacht, weil ich sie eigentlich immer vermeiden will. Aber gute Idee :) Danke.
   
   Nur muss das doch eigentlich auch ohne funktionieren :)

5. e********l

   11:36, 27.11.2007

   
   Nur muss das doch eigentlich auch ohne funktionieren :)
   

   
   Stichwort: Float ;)
   Aber Tabellen sind nunmal für Tabellenartige Strukturen gut. Solange die Tabelle nicht über viele andere Tabellen verschachtelt ist geht das alles eigentlich recht gut.
   
6. Autor dieses Themas

   karpfen

   

   karpfen hat kostenlosen Webspace.

   11:38, 27.11.2007

   Da hast du auch wieder recht, ich dank dir für deinen Tip, ebenfalls für das float :) Das werd ich mir auch mal merken.
   
   Gracias!!!

7. m***i

   15:21, 27.11.2007

   wieso willst du tabellen unbedingt vermeiden?
   um schlussendlich alles mit divs vollzustopfen?
   
   dabei steht doch immer überall auf jeder webdesign-seite, dass man NICHT immer das neuste und modernste haben sollte. z.b. im winter keine schneeflocken einbauen.
   also warum divs? nur weil gerade sone div-welle reingeschwommen kam?
8. Autor dieses Themas

   karpfen

   

   karpfen hat kostenlosen Webspace.

   15:22, 27.11.2007

   Ich finde divs einfach flexibler, wenn ich später mal was ändern muss.
   Aber in dem Fall gebe ich euch auch recht, da ist ne Tabelle wirklich besser.

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?