Moja pierwsza strona - Problem z tabelą

[saper_13]

Niedawno postanowiłem napisać swoją pierwszą stonke i pojawił sie problem. Prubuje umieścić na niej tabelę i nie wiem dlaczego tabela jest wyświetlana poprawnie tylko w internet eksplorerze a w operze i w firefoksie jest probem gdyż nie widzą one kolorów rodzaju obramowań i takie tam. Nie wiem jak ten problem rozwiązać i proszę o pomoc. Zamieszczam tutaj kod stronki i pliku css.

<html>
<head>

<title>Konstrukcje Inżynierskie</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta name ="description" content="">
<meta name="keywords" content="">
<body style="background-color:#FFFFFF;">
<link rel="stylesheet" href="style.css" type="text/css">

</head>
<body>


<div id="logo">
<div style="position: ; left:0; top:0"> <img src="naglowek.jpg" width="800" height="150" alt="Konstrukcje Inżynierskie">
</div>
</div>

<div id="kontener">

<div id="lewa">
<div style="position:absolute; left:0; top:100px">
<a href="" onMouseOver='rollover.src="aktualnosci1.jpg"'
onMouseOut='rollover.src="aktualnosci.jpg"'>
<img src="aktualnosci.jpg" name="rollover" width="150" height="30" alt="Aktualności" border="0"> </a>
</div>

<div style="position:absolute; left:0; top:130px">
<a href="" onMouseOver='rollover1.src="firma1.jpg"'
onMouseOut='rollover1.src="firma.jpg"'>
<img src="firma.jpg" name="rollover1" width="150" height="30" alt="Firma" border="0"> </a>
</div>

<div style="position:absolute; left:0; top:160px">
<a href="" onMouseOver='rollover2.src="oferta1.jpg"'
onMouseOut='rollover2.src="oferta.jpg"'>
<img src="oferta.jpg" name="rollover2" width="150" height="30" alt="Oferta" border="0"> </a>
</div>

<div style="position:absolute; left:0; top:190px">
<a href="" onMouseOver='rollover3.src="kontakt1.jpg"'
onMouseOut='rollover3.src="kontakt.jpg"'>
<img src="kontakt.jpg" name="rollover3" width="150" height="30" alt="Kontakt" border="0"> </a>
</div>

<div style="position:absolute; left:0; top:220px">
<a href="" onMouseOver='rollover4.src="pogodzinach1.jpg"'
onMouseOut='rollover4.src="pogodzinach.jpg"'>
<img src="pogodzinach.jpg" name="rollover4" width="150" height="30" alt="Po godzinach" border="0"> </a>
</div>
</div>

<div id="srodek">
<div style="position:relative ; left:0px; top:30px"> <img src="z-aktualnosci.jpg" width="150" height="40" alt="Aktualnosci">

<div style="position:relative ; left:0px; top:50px">
<table border="2px" frame="void" width="300px" cellspacing="0" bordercolor="#7EC826" >
<tr align="right" >
<td>
<font face="tahoma" size="1">
30 Listopad 2006
</font>
</td>
</tr>

<tr align="left">
<td>
<font face="tahoma" size="2">
Strona ruszyła
</font>
</td>
</tr>
</table>
</div>
</div>
</div>

</body>
</html>



* {margin:auto; padding:auto;}

body {text-align:center; margin:auto; width:800px;}

#logo {width:800px; height:150px;}

#kontener {width:800px; position:relative;}

#lewa {position:absolute; left:0; top:0; width:150px;}

#srodek {width:650px; background:#FFFFFF; border-left:150px solid #FFFFFF;}

[nietophez]

hmm skoro uzywasz oddzielnego pliku ze stylami to ja bym tam wszystko defioniował a takie rzeczy jak to

Kod: Zaznacz cały

<body style="background-color:#FFFFFF;"> 

to ja bym wywalił i umieścił w pluku zewnetrzym css. -
widzialem jeszcze style tego typu w divie i paru innych.

[koziolek]

To samo co przedmówca. Style in-line są fajne ale należy je wywalić do zewnętrznego pliku. Jeżeli już używasz stylów to po co stosujesz <font/> ???

[saper_13]

Rozumiem, tak zrobie, ale dalej zostaje problem tych tabeli, które nawet definiowane w oddzielnym pliku nie wyswietlają mi się poprawnie w operze i firefiksie Jak to zrobić żeby było dobrze? Sprawdzałem też na innym kompie w różnym zapisie i ciągle to samo...nie ma kolorów ani stylów obramowań

[saper_13]

Dla sprecyzowania problemu dołanczam zrzuty z IE i Opery

[img]c:\ie.jpg[/img][/manual]

[saper_13]

Problem sie pojawił a jak sie obrazki wkłada na forum?

[123456]

Na poczatek radze doprowadzic do porzadku przedstawiony kod. Jesli nie wiesz jak to radze poszukac.

Ale do rzeczy. Skoro juz widac jakies poczatki uzywania CSS to polecam dac obramowanie komorki np. tej z tekstem "Strona ruszyla".

Kod: Zaznacz cały

border-top:solid 2px #7EC826;

Oczywiscie w takim wypadku nalezy cala tabelke (ktora radze usunac) opisac bez obramowania.

jak sie obrazki wkłada na forum?

Podajesz adres do pliku, ktory jest w sieci, dlatego [img]c:\ie.jpg[/img] nie dziala.

[saper_13]

Dobra rozumiem, a jak ustawić podział między wierszami tabeli?

[Hawk]

Albo przy użyciu padding (odstęp pomiędzy krawędzią elementu a zawartością), albo margin (odstęp pomiędzy elementami).