ďťż

[HTML/CSS] Za duży margines

       

Podstrony


telcocafe

Zrobiłem sobie na stronie głównego div'a a w nim jeden mniejszy, który ma być wyrównany do prawej krawędzi z prawym marginesem 40px. Nadałem mu float:right (cała reszta strony jest wyśrodkowana) i margin-right:20px - pod wszystkimi przeglądarkami oprócz IE margines wynosi 40px, tymczasem w IE jest on dwa razy większy - 80px. Co może być tego przyczyną? Padding itp. jest wszędzie ustawiony na 0.



Pokaż kod

Co prawda można sobie z tym poradzić dając osobny kod dla IE ale wolałbym to zrobić normalnie. Tym mniejszym div'em jest login. Style.css:

BODY { background: #c9c9c9; margin: 0; text-align: center; font-family: Verdana; font-size: 11px; } #all { width: 720px; height: 100%; background-color: #f6f6f6; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 0px; } #login { width: 340px; height: 32px; background: url(login.gif); float: right; background-color: #e4e4e4; margin-right: 40px; padding: 0px; } .input_text { width: 80px; height: 18px; background-color: #ffffff; border: 1px solid #dddddd; margin: 0px; padding: 0px; } .input_button { width: 60px; height: 18px; background: #000000; border: 1px solid #000000; text-valign: middle; color: #ffffff; margin: 0px; padding: 0px; }
Użytkownik bmatrix edytował ten post 11 luty 2007, 18:49
Może:
BODY { background: #c9c9c9; margin: 0px; padding: 0px; text-align: center; font-family: Verdana; font-size: 11px; }



Nie działa :/. To samo gdy robię margin-left i nie mam pojęcia co może być przyczyną "podwajania" marginesu.

Daj jeszcze kod (X)HTML to na 100% podam przyczynę tego... bo może przyczyną tego nie jest CSS...

Uwaga mała:
background: url(login.gif);
A może:
background: url('login.gif');
;)


Uwaga mała:
background: url(login.gif);
A może:
background: url('login.gif');
;)

To bez znaczenia :P W CSSie nie ma zmiennych :P Więc nazwa pliku nie musibyć ani w apostrofach, ani wcudzysłowie :P
Oczywiście może, ale nie musi :P

spróbuj przypisać temu div'owi znacznik "display: inline;".
Podwajanie powinno zniknąć...

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.