PHP-problem. Tabell-cell vill inte centreras. *Löst*

[JimmyAndersson]

Håller på med en liten prototyp till min komponent-databas.

Problem-raderna ser ut såhär:

Kod: Markera allt

<tr> 
<td width="293" height="16" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2">
<div align="center">Komponent</div>
</td>
<td width="50" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2">
<div align="center">Antal</div>
</td>
<td width="90" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2">
<div align="center">Art-nr</div>
</td>
<td width="105" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2">
<div align="center">S&auml;ljare</div>
</td>
<td width="47" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2">
<div align="center">Antal</div>
</td>
<td width="47" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2">
<div align="center">Antal</div>
</td>
</tr>

Men resultatet blir:


Dvs Antal-rubrikerna vid pilarna blir inte alls centrerade.
Kolumnerna under de Antal-rubrikerna innehåller text-fält, dvs:
<input name="textfield" type="text" size="10" maxlength="3">


Hela koden finns här.
(Sparade den som en textfil, men det ska vara .php på slutet egentligen.)


edit: Nähepp, forumet tolkade den iallafall som en php-fil. Nåväl, det löser sig när ni öppnar den.


edit 2: CSS-klassen "rubrik2" ser ut såhär:

Kod: Markera allt

.rubrik2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

edit: Ändrat rubriken eftersom det är löst.

[Krille83]

va skumt. provade bara köra den i dremweaver och spara som en .html och dom är centrerade när jag testar...

[JimmyAndersson]

Vilken webbrowser använder du? För php-filen ser centrerad ut i Dreamweaver, men inte när man tittar "på riktigt".

Edit: Såg att det fungerar i Firefox, men inte i InternetExploder.
Hur ordnar man det? Byta till Firefox är inte ett alternativ, för jag måste kunna använda filen på vilken dator som helst utan något speciellt program installerat.

[Krille83]

firefox 1.0. nu la ja dock inte till css klassen så typsnittet blir inte samma, men dom är i mitten iaf.

edit: stavfel

[idiotdea]

Ta bort <div> och ändra på css-koden:

Kod: Markera allt

.rubrik2 { 
   text-align: center; /* Lägg till denna rad */
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: bold; 
}

[JimmyAndersson]

Tyvärr, det hjälpte inte.

Sedan tänkte jag om det berodde på text-inmatnings-fälten, men det hjälpte inte att ta bort dem.
Har aldrig varit med om detta tidigare.

edit: Däremot hjälpte det när jag skrev in en vanlig center-tagg, dvs:

<td width="55" bordercolor="#333333" bgcolor="#CCCCDC" class="rubrik2"><center>Antal</center></td>


edit 2: Men det blir förskjutet åt vänster när jag lägger in ett textinmatnings-fält i kolumnen under.
Äh, det får bli en massa &nbsp; istället för någon centrerings-tag.

[idiotdea]

Försök ta bort width="" och kolla om det blir någon skillnad. Bredden verkar ju ända vara större än 47 pixlar. Det kan ju vara det som stökar till det.

edit: När jag sparar sidan som .html så centreras texten i Firefox, Opera och Konqueror.

[JimmyAndersson]

Det var ingen idiot(i)dea. Nu fungerar det! Tack!

edit: En till fråga: Är det ok att använda + (dvs vanligt plustecken) i koden? Det ska egentligen stå "+ Antal" och "- Antal".

[idiotdea]

+ och - ska gå bra att skriva helt vanligt i html

[JimmyAndersson]

Låter bra. Jag blev bara lite fundersam när Dreamweaver formatterade koden lite konstigt, men det är nog typiskt för det programmet. (Jag brukar göra grunderna i Dreamweaver och sedan putsar jag till koden med en vanlig texteditor.)