|
|||
Browser CSS ignorieren
Hallo Forum,
ist es möglich alle Standard Eigenschaften eines Browser in Hinsicht auf css auf 0 zu stellen ? So dass alle voreingestellten Eigenschaften da raus fliegen. Ich wäre euch sehr dankbar wenn ihr mir da helfen könntet denn mir geht diese "wir machen was wir wollen" Prinzip von css so auf den Keks. Mit freundlichen Grüßen, Feirell |
Sponsored Links |
|
|||
Hallo,
um was geht es dir jetzt genau? Deine Seiten werden in verschiedenen Browser anders dargestellt? Das ist ein Problem, mit dem wir alle zu kämpfen haben. Oder geht es dir eher darum, div. Werte (z.B. Margins) auf allen HTML Elementen (z.B. ul, ol) welcher nicht auf 0 ist, zurück zu setzen? Wenn letzteres, dann kannst du am Anfang deiner CSS File mit dem * Selektor Einstellungen für alle Elemente setzen, z.B.: * { margin: 0; } Ansonsten lässt sich dein Wunsch so nicht erfüllen, jeder Browser hat eine Engine, mit welcher HTML Dokumente (inkl. CSS) interpretiert werden. Da kommt es nach wie vor zu Unterschieden. Zeitgemesse DocTyps helfen da in erster Linie aber schon. |
Sponsored Links |
|
|||
In Grunde genommen alles was du gerade gesagt hast es ist zum verzweifeln.... bei mir sind es immer wieder Probleme wie z.b.: existenter Abstand trotzt margin:0 und padding:0 ... es ist zum heulen.
die Probleme sind meist wenn man die input und select Felder benutzt .... verdammt wer hat sich das ausgedacht .... Ich will so eine Art quirks mode bloß ohne irgend was .... |
|
|||
Das ist nett, im Moment geht das auch alles aber auf eine sage ich mal geflickte Art und Weise:
Code:
<meta http-equiv="refresh" content="" /> <fieldset id="player"> <legend>Spieler</legend> <form> <table> <tr> <td> <label for="name">Name:</label> </td> <td> <input name="name" id="name" placeholder="Name" type="text" /> </td> </tr> <tr> <td> <label for="password">Passwort:</label> </td> <td> <input name="password" id="password" placeholder="Passwort" type="text" /> </td> </tr> <tr> <td> <label for="alliance">Allianze:</label> </td> <td> <select id="alliance" name="alliance"> <optgroup label="Dropsters"> <option>Dropsters 1</option> <option>Dropsters 2</option> <option>Dropsters 3</option> <option>Dropsters 4</option> </optgroup> </select> </td> </tr> <tr> <td> <label for="rang">Rang:</label> </td> <td> <select name="rang" id="rang"> <option>Geblockt</option> <option>Mitglied</option> <option>Admin</option> <option>Super Admin</option> </select> </td> </tr> </table> <div ><input value="Eintragen" type="submit" /></div> </form> </fieldset> <fieldset> <legend>Basis</legend> <form> <table> <tr> <td> <label for="Name">Name:</label> </td> <td> <input name="name" id="name" placeholder="Name" type="text" /> </td> </tr> <tr> <td> <label for="player">Spieler:</label> </td> <td> <select id="player" name="player"> <option>Player</option> <option>Player</option> <option>Player</option> <option>Player</option> <option>Player</option> <option>Player</option> <option>Player</option> </select> </td> </tr> <tr> <td> <label for="position">Position</label> </td> <td> <div class="position" > <input max="4" maxlength="4" class="position_input" name="position_x" type="number" /> <span>:</span> <input max="4" maxlength="4" type="number" class="position_input" name="position_y"/> </div> </td> </tr> <tr> <td> <label for="alliance">Allianze:</label> </td> <td> <select class="alliance" name="alliance"> <optgroup label="Dropsters"> <option>Dropsters 1</option> <option>Dropsters 2</option> <option>Dropsters 3</option> <option>Dropsters 4</option> </optgroup> </select> </td> </tr> <tr> <td> <label for="type">Typ:</label> </td> <td> <select name="type" id="type"> <option value="1">Bewegend</option> <option value="2">Verteidigend</option> <option value="3">Angreifend</option> </select> </td> </tr> </table> <div ><input value="Eintragen" type="submit" /></div> </form> </fieldset> <fieldset> <legend>POI</legend> <form> <table> <tr> <td> <label for="type">Typ:</label> </td> <td> <select name="type" id="type"> <option value="1">Kristall</option> <option value="2">Tiberium</option> <option value="3">ENERGYYYYY</option> </select> </td> </tr> <tr> <td> <label for="level">Level:</label> </td> <td> <input id="lvl" name="lvl" type="number" placeholder="Level" /> </td> </tr> <tr> <td> <label for="alliance">Allianze:</label> </td> <td> <select id="alliance" name="alliance"> <optgroup label="Dropsters"> <option>Dropsters 1</option> <option>Dropsters 2</option> <option>Dropsters 3</option> <option>Dropsters 4</option> </optgroup> </select> </td> </tr> <tr> <td> <label for="position">Position</label> </td> <td> <div class="position" > <input max="4" maxlength="4" class="position_input" name="position_x" type="number" /> <span>:</span> <input max="4" maxlength="4" type="number" class="position_input" name="position_y"/> </div> </td> </tr> </table> <div ><input value="Eintragen" type="submit" /></div> </form> </fieldset> <fieldset> <legend>Mission</legend> </fieldset> <fieldset> <legend>Allianze</legend> </fieldset> <a id="ctr-lnk-3091" href="http://www.counter-zaehler.de">gratis Counter</a> <script type="text/javascript" src="http://www.counter-zaehler.de/de/home/counter/3091/t/5"></script> <style> label{ color: white; } fieldset+form+table+tr+td+input,fieldset+form+table+tr+td+select{ width:100%; padding: 2px; margin: 0px; vertical-align: middle; border: 1px solid rgb(240, 240, 240); border-style: inset; } fieldset form table tr td div{ margin: 0px; padding: 0px; width: 100%; } fieldset form table tr td .position{ vertical-align: middle; background-color: white; vertical-align: middle; text-align: center; padding: 0px; margin: 0px; } fieldset form table tr td .position span{ padding: 0px; margin: 0px; } fieldset form table tr td .position .position_input{ margin: 0px; padding: 0px; width: 44%; border:0px; } /*fieldset form table tr td .position*/ fieldset form table tr td select,fieldset form table tr td input,fieldset form input{ height: 22px; width: 100%; } fieldset form table tr td:first-child{ text-align: right; padding-right: 7.5px; } fieldset form{ width: 100% !important; } fieldset form table{ border: 0px; border-collapse:collapse; width: 100% ; } fieldset form table tr{ width: 100% ; } fieldset form table tr td{ width: 50% !important; } fieldset form div{ width: 100%; margin: 0px; padding: 0px; text-align: center; } fieldset{ width: 240px !important; display: block; border:0px; background-color: #0075E9; border-radius:5px; color: white; } fieldset legend{ font-size: xx-large; background-color: #0075E9; padding: 10px; padding-top: 0px; padding-bottom:0px; margin: 5px; margin-left: 0px; margin-right: 0px; position: relative; border-top-left-radius:5px ; border-top-right-radius:5px; } fieldset form{ padding: 0px; margin: 0px; } #submit{ width: 100%; margin: 0px; } </style> Ist echt schlimm deswegen schreibe ich das gerade noch mal neu :/ ich hoffe ich kann damit ein paar Probleme lösen, weil css konform ist das nicht. |
|
||||
Also große Probleme/Unterschiede gibts da bei mir eigentlich nie? Vermute eher auch einige Unstimmigkeiten im Code.
Das mit den inputs (Form Elemente) ist klar. Aber deshalb gerät keine Seite aus den Fugen. Zur Not gibts dann noch do websites need to look exactly the same in every browser. |
|
||||
hmm, wozu soviel Tabellen-Crap? In dem Democode seh ich auch keinen Doctype oder reset?? Formulare kann man doch viel einfacher aufbauen. Wahrscheinlich lösen sich dann auch die meisten Probleme von selbst. Erstmal mit einem fieldset anfangen und testen.
Formulare über CSS gestalten Clean and pure CSS FORM design Tips For Creating Great Web Forms | CSS-Tricks |
|
|||
Ich habe gelesen das es besser ist mit Tabllen zu arbeiten und muss ehrlich sagen das ich das auch besser finde :/ die links sind nicht schlecht ich werde die auf jeden Fall auch wahr nehmen.
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unterschiede Browser mit CSS | blazinblaze | CSS | 1 | 24.09.2010 15:06 |
2 CSS Files -> 1 CSS File | Habi | CSS | 7 | 17.02.2010 15:25 |
Wege zum guten CSS - Ausgewählte Links | Sp33dy G0nz4l3s | Ressourcen | 1 | 27.05.2008 11:09 |
CSS Buchtipp Eric A. Meyer | vistahr | Ressourcen | 2 | 01.11.2006 18:53 |
Browserneurose | SimonWpt | CSS | 39 | 15.07.2005 10:51 |