Style wird teilweise nicht geladen?
MQ6
- css
Nabbend...
Ich habe das Problem, dass meine CSS-Datei offenbar - und sehr sehr selten - nur teilweise interpretiert wird. Ich binde sie ein mittels
<style type="text/css">@import url("./css/formate.css");</style>
im <HEAD>-Bereich. Sie wird offensichtlich auch interpretiert, sonst würde der Screenshot unten auch nicht nur im Entferntesten so aussehen, wie er halt aussieht...
Nur die <INPUT>-Felder bei "Datum", "Budget" und "Beschreibung", die werden bzgl. ihrer Höhe nicht richtig dargestellt. Sieht man denke ich mal auch. Unten bei den 4 Positionen das gleiche. Hier stimmt die Höhe nicht, man kann den blauen Hintergrund sehen. Oben bei den anderen Feldern sollten die Felder eigentlich mit ihrer Unterkante auf Höhe der weißen Line liegen. Tun sie aber nicht.
Wie kann das sein, dass offenbar genau eine Angabe aus meiner CSS nicht interpretiert wird, der Rest aber schon? Und dann auch noch vollkommen selten und somit leider nicht bewusst reproduzierbar?
Ich entwickel mein Baby zur Zeit ausschließlich für Firefox, kann also nicht sagen, ob das Problem in IE oder Opera auch existiert. Ich meine mich aber zu erinnern, dass ich das auch schon in früheren Firefox-Versionen gesehen hatte, hatte es da nur noch ignoriert und Schulter gezuckt.
*need help*
THnX!
Link zum Screenshot:
http://www.PHP-Point.de/screenie.jpg
Hi,
Link zum Screenshot:
http://www.PHP-Point.de/screenie.jpg
Link zur Seite/zum CSS wäre wesentlich sinnvoller.
cu,
Andreas
Link zur Seite/zum CSS wäre wesentlich sinnvoller.
Macht Sinn, sorry:
http://www.php-point.de/fix/css/formate.css
Hier zusammengefasst alle relevanten HTML-Teile, bis hin zu einem der problematischen <INPUT>s:
1 <body style="margin:10px">
2 <div>
3 <form action="cost.php" method="post">
4 <table cellpadding="0" cellspacing="0" class="form">
5 <tr>
6 <td class="formline_top">
7 <table cellpadding="0" cellspacing="0">
8 <tr>
9 <td class="input" style="width:1px">
10 <input name="form[date]" id="date" maxlength="10" style="width:70px" />
Und hier zusammengefasst die relevanten Stylesheets:
(1)
body {font:normal 12px Arial;
background-color:#95B2C3;
background-image:url(gif/cbbackground.png);
background-repeat:repeat-x;
background-position:top;}
(3)
form {display:inline}
(4)
table.form {margin-bottom:10px;
border-bottom:solid 1px #75756C;}
(6)
td.formline_top {padding:10px 10px 1px 10px;
border-left:solid 1px #75756C;
border-right:solid 1px #75756C;
background-color:#D9D7C6;}
(9)
td.formline_top td {height:20px;}
(10)
td.formline_top td.input {height:20px;}
Ist noch nicht wirklich sauber durchstrukturiert, einen konkreten Fehler finde ich jedoch nicht.
Eins ist mir noch aufgefallen. Wenn ich auf meiner Seite im Formular stehe, und es mit <ENTER> in einem der Eingabefelder immer und immer wieder aufrufe (refreshe), kommt irgendwann der Fehler. IMMER DANN, wenn der Fehler kommt, dauert das Laden der Seite spürbar länger. Deutet das vielleicht auf Probleme meines Hosters hin, in welcher Form auch immer?
Vielen Dank jedenfalls schon mal für die Antwort... :)