php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 19-01-2012, 11:31
Mathis
 Registrierter Benutzer
Links : Onlinestatus : Mathis ist offline
Registriert seit: Nov 2006
Beiträge: 119
Mathis ist zur Zeit noch ein unbeschriebenes Blatt
Standard IE7 Float Problem

Hallo zusammen!

Ich habe vereinfacht gesagt folgendes Konstrukt:

HTML-Code:
<fieldset>
  <legend>Titel</legend>
  <div>
    <label>Input1:</label>
    <input type="" ... />
  </div>
  <div>
    <label>Input2:</label>
    <input type="" ... />
  </div>
</fieldset>
Das Fieldset wird mit "overflow:hidden" gecleared, die div's sind left gefloatet. Das Fieldset ist so breit, dass die DIV's nebeneinander passen würden.. Allerdings sollen sie im Normalfall untereinander laden. Das habe ich darüber erreicht, dass das Fieldset ein großes rechtes Padding bekommt. Erreichen möchte ich damit ein mehrspaltiges Formular, indem Formularelemente nebeneinander landen, wenn man den DIV's nur die halbe Breite gibt. Bei der vollen Breite sollen sie nebeneinander landen. Das funktioniert auch wunderbar. Nur im IE7 nicht. Der packt die DIV's trotz des rechten Paddings im Fieldset nebeneinander und ignoriert das Padding. Was mach ich falsch?
Mit Zitat antworten
  #2 (permalink)  
Alt 19-01-2012, 11:35
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Dann sei so lieb und zeig uns mal den relevanten CSS-Code. Oder ein Online-Beispiel.

Peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #3 (permalink)  
Alt 26-01-2012, 13:05
Mathis
 Registrierter Benutzer
Links : Onlinestatus : Mathis ist offline
Registriert seit: Nov 2006
Beiträge: 119
Mathis ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Sry, hat jetzt etwas länger gedauert.. War krank .. Hier der CSS-Code zur Formatierung des Formulars:

Code:
	/* Form */
	form fieldset {
		border: 1px solid #68a851;
		padding:15px;
		padding-top:0;
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(../images/formbg.png) left bottom repeat-x;
		padding-right: 413px;
		width:362px;

	}
	form fieldset legend {
		font-family:preston-web, Arial, serif;
		color:#006128;
		font-size:164.3%; /* 23px */
		font-weight:bold;
	}
	.with-calibri form fieldset legend { font-size:143.75%; }
	form fieldset > div {
		margin-top:10px;
		float:left;
		width:340px;
		padding-right:20px;
	}
	form fieldset > div.eindrittel {
		width:100px;
	}
	form fieldset > div.zweidrittel {
		width:220px;
	}
	form fieldset > div.viertel {
		width:70px;
	}
	form fieldset > div.halb {
		width:160px;
	}
	form fieldset > div.dreiviertel {
		width:250px;
	}
	form label {
		display:block;
		margin-bottom:2px;
		overflow:hidden;
	}
	.powermail_mandatory {
		color:#ff0000;
		padding-left:3px;
	}
	form input, form select, form textarea {
		width:100%;
		border:1px solid #68a851;
		padding:3px;
		font-family:Calibri, Verdana, Arial, sans-serif !important;
		font-size:100% !important;
		color:#555;
		background:url(../images/inputbg.png) repeat-x left top #fff;
	}
	form select {
		width:102.5%;
	}
	form input:focus, form select:focus, form textarea:focus {
		border-color: #960000;
		background:#fff6f6;
		color:#000;
	}
  .powermail_submit {
    background:#006128;
    border:1px solid #fff;
    padding:3px 17px 3px 10px;
    font-weight:bold;
    margin-top:6px;
    color:#fff;
    display:inline-block;
    text-decoration:none !important;
		width:auto;
  }
	.powermail_submit:focus {
		border-color:#fff;
	}
  .powermail_submit:hover {
    background-color:#008d3a;
  }
Der HTML-Code, der hierzu passt wäre bspw.

Code:
<form>
  <fieldset>
    <legend>Titel</legend>
    <div class="eindrittel"> <!-- sollte links mit 1/3-Breite erscheinen -->
      <label>Titel</label>
      <input ... />
    </div>
    <div class="zweidrittel"> <!-- daneben mit 2/3 Breite -->
      <label>Titel</label>
      <input ... />
    </div>
    <div> <!-- sollte eigentlich darunter mit voller Breite erscheinen -->
      <label>Titel</label> 
      <input ... />
    </div>
  </fieldset>
</form>

Geändert von Mathis (26-01-2012 um 13:09 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 26-01-2012, 13:10
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Ich schaue mir das heute Abend mal an.

Peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #5 (permalink)  
Alt 26-01-2012, 13:51
Mathis
 Registrierter Benutzer
Links : Onlinestatus : Mathis ist offline
Registriert seit: Nov 2006
Beiträge: 119
Mathis ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Cool, danke dir! Ich kann dir auch gerne mal, wenn du mir ne E-Mail-Adresse gibst, die komplette Seite als HTML-Vorlage schicken. Die will ich hier nur ungerne reinstellen, weil das ein noch nicht veröffentlichtes Projekt ist..
Mit Zitat antworten
  #6 (permalink)  
Alt 26-01-2012, 14:30
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Das geht auch.

Peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #7 (permalink)  
Alt 26-01-2012, 19:09
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

So. das float: left aus form fieldset > div rausnehmen und dezidiert auf die einzelnen div-Klassen anwenden. Für die volle Breite benötigst du auch noch eine Klasse und die bekommt dann ein clear: both. Je nach Formular benötigst du noch ein zusätzliches Div mit einem clear: both.

Peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #8 (permalink)  
Alt 30-01-2012, 14:43
Mathis
 Registrierter Benutzer
Links : Onlinestatus : Mathis ist offline
Registriert seit: Nov 2006
Beiträge: 119
Mathis ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Cool, vielen Dank! Hat funktioniert
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verwirrung beim Konvertieren von String zu Float - var_dump: float(NAN) kalleplom PHP Developer Forum 6 20-06-2011 15:28
problem mit IE7 martin2 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 2 14-07-2008 10:59
Problem mit JS-Script im IE7 progs HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 1 04-11-2007 12:11
DOM-problem bei IE7 Slava HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 14 16-01-2007 07:38
[IE-Darstellungsphänomen]: float:left neben float:right + hover ministry HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 10-07-2006 15:41

Themen-Optionen
Thema bewerten
Thema bewerten:

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


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
Affilinator - Affilinet XML Produktlisten Skript

Die Affilinator Affilinet XML Edition ist ein vollautomatisches Skript zum einlesen und darstellen der Affili.net (Partnerprogramm Netzwerk) Produktlisten und Produktdaten. Im Grunde gibt der Webmaster seine Affilinet PartnerID ein und hat dann unmittelb

27.08.2018 freefrank@ | Kategorie: PHP/ Partnerprogramme
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 08:14 Uhr.