problem z kontenerem itp.

[Xaoo]

Witam znowu. Zrobiłem sobie szablon stronki. Wygląda inaczej wiec muszę od nowa pisać CSSa. Teraz nie chcę używać position:absolute; więc napisałem selektor "kontener".

Kod:

.kontener {
    margin-left: auto;
    margin-right: auto;
    width: 900px;}

Kod:

#kontener {
    margin-left: auto;
    margin-right: auto;
    width: 917px;}

Musiałem napisać dla id i class ponieważ w IE inaczej mi wyświetlało;/ Znacie jakieś rozwiązanie?

Kod:

<div id="kontener" class="header"></div>
<div id="main" class="kontener">
<div class="menu"></div></div>

Gdy biorę podgląd w programie "kED" to wyświetla mi inaczej stronę niż w FF czy IE - błąd programu?

Jeszcze pytanie z menu:

Kod:

.menu {
    background-image:url(images/menu.png);
    background-repeat:no-repeat;
    width:900px;
    height:34px;
    margin-top:10px;}

ul.menu {
    display:inline;}

Kod:

<div id="kontener" class="header"></div>

<div id="main">
<div class="menu" class="kontener">

            <li><a href="index.html"><img src="images/menustr.png"></a></li>
    

</ul>
</div>

Będzie dobrze wyświetlane w IE i w ogóle?

[Engine]

Kod:

.kontener {
    margin:0 auto;    
    width: 900px;}

Kod:

<div class="kontener">
     <div class="header"></div>
      <div id="main"></div>
      <div class="menu"></div>
</div>

A co do różnic to nie możliwe, że IE i FF inaczej wyświetlają width.

Po drugie do różnic jakie występują w IE np 7 stosuje się:

Kod:

<!--[if IE 7]>
<style type="text/css">

</style>
<![endif]-->

[Pedro84]

Wsadź to w JEDEN div o id kontener, nadaj szerokość, wycentruj. Nie ma prawa nie działać.

Najlepiej to poczytaj kursy, zobacz jak są dobre strony zrobione (kod) bo gryziesz to nie od tej strony.

[Xaoo]

Teraz mam problem z menu:/
Wygląda to w ten sposób:


Chcę aby to było między liniami:/

Wpisałem:

Kod:

img {    
    padding:2px;
    border:none;}

i zadziałało.. choć nie wiem dlaczego ;/

[Pedro84]

Kod:

position:relative;
top:value;

[Xaoo]

dobra.. nie chcę robić nowego tematu to tak: Z

Zrobiłem sobie menu stopki.

Kod:

ul#menustp {
    list-style:none;
    margin-top:174px;
    margin-left:230px;
    width:500px;
    height:14px;}

ul#menustp li {
    display:inline;}

Kod:

    <ul id="menustp">
        <li><a href="index.html"><h3>Strona Główna</h3></a></li>
        <li><a href="galeria.html"><h3>Galeria</h3></a></li>
        <li><a href="omnie.html"><h3>O mnie</h3></a></li>
        <li><a href="download.html"><h3>Download</h3></a></li>
        <li><a href="kontant.html"><h3>Kontakt</h3></a></li>
        </ul>

Co jest źle, że menu nie ustawia mi się poziomo ? Próbowałem już wiele dopisywać/zmieniać ale kurcze nie mogę dojść ;/

[Pedro84]

Kod:

ul#menustp li {
    float:left;}

[Xaoo]

kurcze;/ że sam na to nie wpadłem /// Dzięki