ďťż

[xHTML/CSS] Niedopasowana warstwa (div) Niewłaściwy rozmiar

       

Podstrony


telcocafe

Witam

Od niedawna pracuje nad stroną o modzie Bf1942 Forgotten Hope. Dzisiaj wprowadziłem do szablonu kilka zmian i pojawił się problem którego nie potrafię rozwikłać. Otóż w sekcji ' headerTop ', warstwa ' headerTopLeft ' (English info) jest skrócona o 1 px (można zauważyć że obramowanie jest cofnięte).
Dwoje się i troję ale nie mogę znaleźć przyczyny :(

strona: http://forgottenhope.ovh.org/
plik css: http://forgottenhope...css/default.css

Pozdrawiam :)

#edit: Nie wiem dlaczego ale pod IE7 nie działa margines w głównej warstwie, chodzi mi o odstęp od krawędzi przeglądarki.
Użytkownik m_uli edytował ten post 11 marzec 2007, 11:58


Masz tak:
#headerTopLeft { padding: 2px; border-right: 1px solid #cccccc; float: left; width: 395px; }
No to razem masz szerokość 399px (width + padding-left + padding-right), a headerLeft ma 400, więc jednego piksela brakuje.

Tak, ale do tego dodaj 1 px obramowania daje to pełne 400 :)

Najwidoczniej nie daje 400...
O którym jednym pikselu obramowania mówisz?
Dziwna sprawa, bo rozmiar bloku pokazuje mi width: 400px, ale już w informacjach o elemencie ten sam blok ma jednak 399px. No i najważniejsze: widać go tak, jakby miał właśnie 399px. Może szerokość 396px rozwiąże problem?



Przy szerokości 396px ostatni element z prawej w tym wierszu wypada. Na fotce zaznaczyłem o co chodzi :)

http://www.fotosik.p...2604b14e9b.html

Zrobiłem tak:
#headerTopLeft { padding: 2px; border-right: 1px solid #cccccc; float: left; width: 396px; } #headerTopCentre { padding: 2px; border-right: 1px solid #cccccc; float: left; width: 244px; }
Wtedy nie ma tego problemu z pikselkiem różnicy i ostatni element nie wypada. Niemniej jednak chyba coś jest na rzeczy, tym razem HeaderTopCenter ma szerokość 248 lub 249px w zależności którą opcją WebDevelopera to sprawdzam. Niestety, nie mam tyle cierpliwości, żeby to znaleźć.

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

  • Sitedesign by AltusUmbrae.