CSS rutor blir fel.

2012-03-21 16:43

Permalänk

cosmomenal

Avstängd

Registrerad: Aug 2011

●

CSS rutor blir fel.

Hej.
Jag har två stycken

<table id="Table_01" border="1" cellpadding="0" cellspacing="0" height="32" width="1280">
<table id="Table_02" border="1" cellpadding="0" cellspacing="0" height="64" width="1280">

Problemet är att rutan som heter: "Table_02" visar sig vara bredare än "Table_01". Den verkar vara mer än 1280 pixlar bred.

Varför är det så?

Rapportera Redigera

Citera flera Citera

2012-03-21 16:57

Permalänk

[ABF]Henkeman

Medlem

Plats: Borlänge
Registrerad: Nov 2002

●

Det där är HTML, inte CSS.
Du kan inte ha en TABLE i en TABLE på det där sättet, THEAD, TBODY eller TR är väl de godkända elementen man kan ha i en TABLE tror jag (på rak arm utan att fundera för mycket eller kolla i nån dokumentation).

Visa signatur

Nikon D90, Nikon D7000, SB-600, 2xYN-460, Nikkor 18-105mm/3.5-5.6 VR, Nikkor 35mm/1.8, Nikkor 50mm/1.8D, Tamron 70-200/2.8, Tokina 11-16/2.8, Nikon 85/3.5 Macro
Flickr

Rapportera Redigera

Citera flera Citera

2012-03-21 17:00

Permalänk

[ABF]Henkeman

Medlem

Plats: Borlänge
Registrerad: Nov 2002

●

se http://www.w3.org/TR/html4/struct/tables.html

Visa signatur

Nikon D90, Nikon D7000, SB-600, 2xYN-460, Nikkor 18-105mm/3.5-5.6 VR, Nikkor 35mm/1.8, Nikkor 50mm/1.8D, Tamron 70-200/2.8, Tokina 11-16/2.8, Nikon 85/3.5 Macro
Flickr

Rapportera Redigera

Citera flera Citera

2012-03-23 10:27

Permalänk

nivv

Medlem

Plats: Kristianstad
Registrerad: Dec 2005

●

Skrivet av cosmomenal:

Hej.
Jag har två stycken

<table id="Table_01" border="1" cellpadding="0" cellspacing="0" height="32" width="1280">
<table id="Table_02" border="1" cellpadding="0" cellspacing="0" height="64" width="1280">

Problemet är att rutan som heter: "Table_02" visar sig vara bredare än "Table_01". Den verkar vara mer än 1280 pixlar bred.

Varför är det så?

Gå till inlägget

Det stämmer som Henkeman säger, man kan inte nästla tabeller på det sättet:

Testa detta istället:

<table id="Table_01" border="1" cellpadding="0" cellspacing="0" height="32" width="1280">		  
		  <tr>
			<th>Rubrik 1</th>
			<th>Rubrik 2</th>
			<th>Rubrik 3</th>
			
		  </tr>
		  <tr>		
			<td>Grej i tabell</td>
			<td>Andra grejen i tabellen</td>
			<td>tredje grejen</td>			
		  </tr>

</table>

<tr> står för tablerow

Dessutom ska du helst inte ange stil för tabellen i ditt HTML-dokument, utan använd CSS för att påverka utseendet.

Och eftersom du menar att det ska bli "rutor" och inte tabeller så är du helt fel ute. Om du vill ha rutor så använd inte tabeller, använd divs istället. Ett exempel nedan ger två rutor med hjälp av divs och CSS.

<html>
<head>

<style type="text/css">
 
#ruta1 {
        background-color: #eee;
height:32px;
width:1280px;
      }
#ruta2{
background-color: yellow;
height:32px;
width:1280px;
}

</style>
</head>
<body>

<div id="ruta1">
</div>

<div id="ruta2">
</div>

</body>

</html>

Nedan är ett exempel som visar skillnaden på tabeller och divar:

<html>
<head>

<style type="text/css">
 
#ruta1 {
        background-color: #eee;
height:32px;
width:1280px;
      }
#ruta2{
background-color: yellow;
height:32px;
width:1280px;
}

</style>
</head>
<body>

<div id="ruta1">
</div>

<div id="ruta2">
</div>

<table id="Table_01" border="1" cellpadding="0" cellspacing="0" height="32" width="1280">		  
		  <tr>
			<th>Rubrik 1</th>
			<th>Rubrik 2</th>
			<th>Rubrik 3</th>
			
		  </tr>
		  <tr>		
			<td>Grej i tabell</td>
			<td>Andra grejen i tabellen</td>
			<td>tredje grejen</td>			
		  </tr>

</table>

</body>

</html>

Senast redigerat 2012-03-23 10:35

Visa signatur

[Intel i7 4770K] [ GTX 1070] [Asus ROG VI Gene] [Corsair AX860] [Corsair 16GB Vengeance LP] [120GBIntel 520] [Bitfenix Phenom M]

Citera för svar

Rapportera Redigera

Citera flera Citera

CSS rutor blir fel.

CSS rutor blir fel.

Externa nyheter

Spelnyheter från FZ