zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Browser CSS ignorieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.05.2013, 16:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2012
Beiträge: 65
Feirell befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.05.2013, 17:11
Benutzer
neuer user
 
Registriert seit: 05.05.2013
Beiträge: 37
CaptainGerrard befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.05.2013, 17:15
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2012
Beiträge: 65
Feirell befindet sich auf einem aufstrebenden Ast
Standard

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 ....
Mit Zitat antworten
  #4 (permalink)  
Alt 19.05.2013, 17:18
Benutzer
neuer user
 
Registriert seit: 05.05.2013
Beiträge: 37
CaptainGerrard befindet sich auf einem aufstrebenden Ast
Standard

eventuell postest du mal deinen Code, vl. finden wir Dinge, die du besser machen kannst in Bezug auf Browser-Kompatibilität
Mit Zitat antworten
  #5 (permalink)  
Alt 19.05.2013, 17:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2012
Beiträge: 65
Feirell befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 19.05.2013, 17:27
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

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.
Mit Zitat antworten
  #7 (permalink)  
Alt 19.05.2013, 17:34
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2012
Beiträge: 65
Feirell befindet sich auf einem aufstrebenden Ast
Standard

Ich hatte halt gehofft die voreinstellungen los zu werden ;( aber da scheint es wohl keinen weg zu geben.
Der Link ist der beste !
Mit Zitat antworten
  #8 (permalink)  
Alt 19.05.2013, 17:53
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 19.05.2013, 18:04
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2012
Beiträge: 65
Feirell befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.05.2013, 18:09
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von Feirell Beitrag anzeigen
Ich habe gelesen das es besser ist mit Tabllen zu arbeiten
wo liest man sowas?
Zitat:
Zitat von Feirell Beitrag anzeigen
und muss ehrlich sagen das ich das auch besser finde
hmm, weil es sonst zu einfach wäre..?

scnr
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Unterschiede Browser mit CSS blazinblaze CSS 1 24.09.2010 16:06
2 CSS Files -> 1 CSS File Habi CSS 7 17.02.2010 16:25
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 12:09
CSS Buchtipp Eric A. Meyer vistahr Ressourcen 2 01.11.2006 19:53
Browserneurose SimonWpt CSS 39 15.07.2005 11:51


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:23 Uhr.