kostenloser Webspace werbefrei: lima-city


Mal wieder Probleme mit IE & FireFox

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    karpfen

    Kostenloser Webspace von karpfen

    karpfen hat kostenlosen Webspace.

    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&#246;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&#228;ngten Bild kann man das noch mal veranschaulicht sehen.

    http://karpfen.lima-city.de/container.JPG

    W&#252;rde mich &#252;ber Hilfe und Ratschl&#228;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

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

    karpfen

    Kostenloser Webspace von karpfen

    karpfen hat kostenlosen Webspace.

    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


    Nur muss das doch eigentlich auch ohne funktionieren :)

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

    karpfen

    Kostenloser Webspace von karpfen

    karpfen hat kostenlosen Webspace.

    Da hast du auch wieder recht, ich dank dir f&#252;r deinen Tip, ebenfalls f&#252;r das float :) Das werd ich mir auch mal merken.

    Gracias!!!
  7. m***i

    wieso willst du tabellen unbedingt vermeiden?
    um schlussendlich alles mit divs vollzustopfen?

    dabei steht doch immer &uuml;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

    Kostenloser Webspace von karpfen

    karpfen hat kostenlosen Webspace.

    Ich finde divs einfach flexibler, wenn ich sp&#228;ter mal was &#228;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?

Über lima-city

Login zum Webhosting ohne Werbung!