ďťż

[HTML/CSS/DIV] Odtępy między obrazkami/hrefami

       

Podstrony


telcocafe

Witam.
Problem dotyczy przeglądarki IE bo w Firefoksie wszystko jest na razie ok
strona: http://www.deedrasoldiers.com
można to też zobaczyć na obrazach:
FireFox:           http://orglee.strona.pl/firefox.jpg Internet Explorer: http://orglee.strona.pl/ie.jpg
widać odsępy między przyciskami a img po lewej który wstawiłem,
przez co cały układ strony trafia szlag.
Bardzo was proszę o pomoc powiedzcie co z tym jest nie tak.
Pozdrawiam.
KOD HTML - index.htm -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>DeedraSoldiers.com - Underconstruction</title> <link href="style.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <div id="glowny_0">                <div id="logo_1"></div>                <div id="menu_1">    <img src="img/MenuBokLewy.jpg" id="boki">    <a href="#" id="MenuLink1"></a>    <a href="#" id="MenuLink2"></a>    <a href="#" id="MenuLink3"></a>    <a href="#" id="MenuLink4"></a>    <a href="#" id="MenuLink5"></a>    <a href="#" id="MenuLink6"></a>    <a href="#" id="MenuLink7"></a>    <img src="img/MenuBokPrawy.jpg" id="boki">        </div>          <div id="MenuLewe_1">Lewe</div>                             <div id="Tresc_MenuPrawe_1">                   <div id="Tresc_2">Tresc</div>                   <div id="MenuPrawe_2">Prawe</div>                   </div>                   </div> </body> </html>
KOD CSS - style.css -
body { background-image:url(img/Tlo.jpg); text-align:center; margin:0; padding:0; } div#glowny_0 { width:790px; height:900px; margin:0 auto; padding:0; } div#logo_1   { width:790px; height:150px; margin:0; background:url(img/logo.gif) no-repeat; } div#menu_1   { padding:0; width:790px; height:30px; margin:0; } div#MenuLewe_1 { margin:0; float:left; width:160px; height:500; } div#Tresc_MenuPrawe_1 { float:right; width:630px; height:500; background-color:#3300CC; } div#Tresc_2     { float:left; margin:0; width:470px; height:400; background-color:#993300; } div#MenuPrawe_2 { margin:0; float:right; width:160px; height:500; background-color:#0099CC; } font { color:#FFFFFF; font:Arial, Helvetica, sans-serif medium bold; font-size:24px; } /* MENU */ img#boki { float:left; margin:0; padding:0; } a#MenuLink1, a#MenuLink2, a#MenuLink3, a#MenuLink4, a#MenuLink5, a#MenuLink6, a#MenuLink7 { float:left; margin:0; width:110px; height:30px; } a#MenuLink1 { background:url(img/News-1_1.jpg)  no-repeat right top; } a#MenuLink2 { background:url(img/Team-1_1.jpg)  no-repeat right top; } a#MenuLink3 { background:url(img/Servers-1_1.jpg)  no-repeat right top; } a#MenuLink4 { background:url(img/Sponsors-1_1.jpg)  no-repeat right top; } a#MenuLink5 { background:url(img/Board-1_1.jpg)  no-repeat right top; } a#MenuLink6 { background:url(img/IRC-1_1.jpg)  no-repeat right top; } a#MenuLink7 { background:url(img/Download-1_1.jpg)  no-repeat right top; } a#MenuLink1:hover, a#MenuLink2:hover, a#MenuLink3:hover, a#MenuLink4:hover, a#MenuLink5:hover, a#MenuLink6:hover, a#MenuLink7:hover { float:left; width:110px; height:30px; } a#MenuLink1:hover { background:url(img/News-1_2.jpg)  no-repeat right top; } a#MenuLink2:hover { background:url(img/Team-1_2.jpg)  no-repeat right top; } a#MenuLink3:hover { background:url(img/Servers-1_2.jpg)  no-repeat right top; } a#MenuLink4:hover { background:url(img/Sponsors-1_2.jpg)  no-repeat right top; } a#MenuLink5:hover { background:url(img/Board-1_2.jpg)  no-repeat right top; } a#MenuLink6:hover { background:url(img/IRC-1_2.jpg)  no-repeat right top; } a#MenuLink7:hover { background:url(img/Download-1_2.jpg)  no-repeat right top; }



Zmieniłem DOCTYPE z:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">na
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
i jest ej oł kej, ale chciałbym wiedzieć czy jest możliwość ustawienia tego w inny sposób
bo teraz mi się troche to ekhem zmniejszyło.
dokładnie rzecz biorąc tło sięga teraz tylko tekstu jaki został umieszczony na stronie
(tło divów)
Użytkownik orglee edytował ten post 27 styczeń 2006, 20:54
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.