mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 03:57 Benutzername: Passwort: Auto-Login

Thema: Barriereminimiert mit CSS und Browserchaos vom 31.10.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> Barriereminimiert mit CSS und Browserchaos
Seite: Zurück  1, 2, 3, 4, 5, 6, 7, 8  Weiter
Autor Nachricht
Braininsider

Dabei seit: 18.11.2003
Ort: Halle
Alter: 35
Geschlecht: Männlich
Verfasst Mo 07.11.2005 10:17
Titel

Antworten mit Zitat Zum Seitenanfang

Nimroy hat geschrieben:
Und weiter gehts. Diesmal im Kontaktformular.

http://www.jungundmittellos.de/testarea/html/kontakt.html

Sieht im Mozilla einwandfrei aus. Im IE überhaupt nicht. Und ich hab absolut keine Idee wieso. Fügt man vor dem Copy1-Div das hier ein passts, aber sitzt dann eben zu tief.

Code:
<div>&nbsp;</div> 


Jemand ne Idee?


Hallölle Könnteste mal ein Screenshot bei legen?

Ich würd dir gerne Helfen aber Microsoft baut keine IE's für mac.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
myel

Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 07.11.2005 10:25
Titel

Antworten mit Zitat Zum Seitenanfang

mach doch mal noch nen div um die beiden gefloateten...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Mo 07.11.2005 10:26
Titel

Antworten mit Zitat Zum Seitenanfang

Aber nur, weil du so lieb gefragt hast. *pah*


*zwinker*


http://www.jungundmittellos.de/testarea/html/screenshot.jpg
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Braininsider

Dabei seit: 18.11.2003
Ort: Halle
Alter: 35
Geschlecht: Männlich
Verfasst Mo 07.11.2005 10:36
Titel

Antworten mit Zitat Zum Seitenanfang

Oh sehr nett von dir.
Ich sehe das Nachrichtenfeld rutscht runter. der IE interpretiert unter bestimmten Umständen Breiten anders als der Rest der Browser welt.
Code:
#Copy1{
   background-color: #FFFFF;
   height: 130px;
   width: 260px;
   _width: 251px;
   margin-left: 5px;
   margin-right: 4px;
   float: left;
}

#Copy2{
   background-color: #FFFFFF;
   height: 130px
   width: 260px;
   _width: 245px;
   margin-right: 15px;
   float: right;
   
}   


Um das Problem zu lösen würde ich vorschlagen du gibst dem IE eine eigene breit.

Ich tipp mal auf die folgenden werte müssen aber nicht stimmen.
#Copy1 = _width: 251px;
#Copy2 = _width: 245px;

Am besten machst du mal einen border um die copy-boxen nur zum visualisieren.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Mo 07.11.2005 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

Werd ich gleich mal ausprobieren
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
myel

Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 07.11.2005 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

das wrapper div geht bei dir nicht? hier schon...
  View user's profile Private Nachricht senden
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Mo 07.11.2005 12:05
Titel

Antworten mit Zitat Zum Seitenanfang

myel hat geschrieben:
das wrapper div geht bei dir nicht? hier schon...


Wer ist tot?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
myel

Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 07.11.2005 12:10
Titel

Antworten mit Zitat Zum Seitenanfang

myel hat geschrieben:
mach doch mal noch nen div um die beiden gefloateten...


damit war gemeint, ein weiteres, einfach umschließendes div um die beiden copy-divs legen.

so etwa *bäh*

Code:

<div>

<div id="Copy1">
   <label for="Name">Ihr Name:*</label>
        <input name="realname" id="Name" size="40" /><br>

   <label for="E-Mail">Ihre E-Mail-Adresse:*</label>
        <input name="email" id="E-Mail" size="40" /><br>
   <input name="submit" type="submit" id="submit" value="Abschicken" />
   <span class="klein">Pflichtangaben sind mit * gekennzeichnet</span>
</div>

<div id ="Copy2">
   <label for="Nachricht">Nachricht:*</label>
   <textarea id="Nachricht" name="Nachricht" rows="8" cols="40"></textarea>
</div>

</div>

 
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Button verrutsch im Firefox, CSS-Künstler gesucht
[CSS/PHP/Javascript] CSS-Menu a:active soll sichtbar sein
[Javascript][CSS] JavaScrip-Rollover-Bild in CSS-Dropdown
[CSS] suche ungewöhliche Navigationen auf CSS-Basis
[CSS] print.css soll Lightbox-Bilder drucken
CSS: Druck-CSS für Formularfelder, speziell <textarea>...
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4, 5, 6, 7, 8  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.