konstig fel på IE (PC)

9 svar · 341 visningar · startad av SONICdust 27 jan. 2005

SONICdustMedlem sedan nov. 2003196 inlägg

Frågan27 jan. 2005 22:02#1

Försökte göra en enkel lösning på att få tre spalter på en sida.
Titel förlag år

Allt ser bra ut på dom flesta webbläsare (även IE Mac) men sitta raden ser "fuckt up" i explorer på PC

Skickar med en bild hur det ser ut och koden...

html-kod

<p>
<span class="left">Kyssa spår</span>
<span class="middle">Cordia</span>
<span class="right">2000</span>

<span class="left">Helig rot</span>
<span class="middle">Cordia</span>
<span class="right">2001</span>

<!--Här ser du konstigt ut i IE -->
<span class="left">Drick djupt av Anden</span>
<span class="middle">Cordia</span>
<span class="right">2003</span>
<!--end Här ser du konstigt ut i IE -->
</p>
<p> </p>
<p>Magnus Malm<br />
Bla bla bla.</p>

<p>
<span class="left">Vägvisare</span>
<span class="middle">Nytt Liv </span>
<span class="right">1990</span>

<span class="left">Under mandelträdet</span>
<span class="middle">Artos</span>
<span class="right">1993</span>

<!--Här ser du konstigt ut i IE -->
<span class="left">Fotspår i glastrappan </span>
<span class="middle">Artos</span>
<span class="right">1999</span>
<!--end Här ser du konstigt ut i IE -->
</p>

CSS-koden

.left {
	width: 300px;
	float: left;
}

.middle {
	width: 60px;
	float: left;
}

.right {
	width: 40px;
	float: left;
}

Kommer inte på någon snabb lösning på det? Har något några tips?

//Red
Bild

InsiderMedlem sedan jan. 2000978 inlägg

27 jan. 2005 22:13#2

Varför använder du inte en tabell då?

SONICdustMedlem sedan nov. 2003196 inlägg

27 jan. 2005 22:15#3

Insider skrev:

Varför använder du inte en tabell då?

Har aldrig haft problem förut när jag har gjort spalt liknade saker med hjälp av CSS. Så jag slipper gärna nu också tabelerna

OkkidoMedlem sedan maj 20007 492 inlägg

27 jan. 2005 22:16#4

Det där liknar ju tabulärdata, alltså är det helt korrekt att använda en tabell. Till och med rekommenderat. Använd tabellen på rätt sätt bara.

InsiderMedlem sedan jan. 2000978 inlägg

27 jan. 2005 22:18#5

Ska du bara göra tre spalter så kan du ju göra dessa med:

HTML:
<div id="left"></div>
<div id="middle"></div>
<div id="right"></div>
CSS:
#left {
	width: 300px;
	float: left;
}

#middle {
	width: 60px;
	float: left;
}

#right {
	width: 40px;
	float: left;
}

Men eftersom det verkade som om det var tabelldata du ville lägga ut så borde en tabell vara logisk att använda.

SONICdustMedlem sedan nov. 2003196 inlägg

27 jan. 2005 22:18#6

Okkido skrev:

Det där liknar ju tabulärdata, alltså är det helt korrekt att använda en tabell. Till och med rekommenderat. Använd tabellen på rätt sätt bara.

HUr är rätt sätt? var länge sen jag använde mig av tabeler. Men det konstiga är felet, som ni nu kan se på bilden. Har aldrig haft något sådant problem förut och att det bara blir i IE på PC

InsiderMedlem sedan jan. 2000978 inlägg

27 jan. 2005 22:26#7

<table>
	<tr>
		<td>Kyssa spår</td>
		<td>Cordia</td>
		<td>2000</td>
	</tr>
	<tr>
		<td>Här kommer</td>
		<td>nästa</td>
		<td>rad</td>
	</tr>
</table>

Sen finns det massa extra taggar man kan använda;
<th>, <tbody>, <tfoot>, <colgroup>, <col>... typ.

SONICdustMedlem sedan nov. 2003196 inlägg

27 jan. 2005 22:36#8

OK, när jag har kollat in koden på sidor som har tabeler så har dom haft med dom extra tagarna. Så jag tänkte att man skulle ha det nu för tiden.

Men jag tog den snabbaste lösningen nu och la in information i <span class="left"> </span> osv. Det funkar. Kanske inte besta lösningen, men det snabbaste just nu...

Tack för hjälpen

zcorpanMedlem sedan dec. 20042 245 inlägg

28 jan. 2005 00:14#9

För tabulär data, används en tabell. För layout används CSS.

http://www.456bereastreet.com/archive/200410/bring_on_the_tables/

Men om man nu använder en tabell för layout så får man inte göra det ännu värre genom att lägga till THEAD, TH, CAPTION osv.

SONICdustMedlem sedan nov. 2003196 inlägg

28 jan. 2005 01:33#10

zcorpan skrev:

För tabulär data, används en tabell. För layout används CSS.

http://www.456bereastreet.com/archive/200410/bring_on_the_tables/

Men om man nu använder en tabell för layout så får man inte göra det ännu värre genom att lägga till THEAD, TH, CAPTION osv.

inte så ofta jag anväder mig av tabukär data men det händer i bland, som nu...

får kolla in tabeller igen någon dag, tack för länk tipset