Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[SOLVED] [CSS] problem z przyleganiem divów - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [SOLVED] [CSS] problem z przyleganiem divów (/thread-solved-css-problem-z-przyleganiem-divow)



[SOLVED] [CSS] problem z przyleganiem divów - MANIACki - 16-10-2010

Witam,

Robię szkielet szablonu i jestem grafikiem, nie programistą. Radzę sobie jakoś, ale przerastają mnie różnice między wyświetlaniem w przeglądarkachTongue

Mój problem polega na błędnym wyświetlaniu przestrzeni pomiędzy divami: menu po prawej stronie a białym blokiem dla tekstu pod nim w przeglądarkach:

http://www.maniac.net.pl/test.html

O ile menu po prawej stronie wyświetla się w Safari, Chrome i Firefox poprawnie, to jakimś sposobem w Operze i IE robi się przestrzeń pomiędzy menu a białym blokiem dla tekstu.

Ktoś poradził mi aby wpisać:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

i to działa:

http://www.maniac.net.pl/test2.html

Ale, szablon był robiony również dla allegro i mimo tego, że podobno mają DOCTYPE domyślnie, to jednak wyświetla się dalej źle - zarówno w IE jak i Operze.

Bardzo proszę o pomoc. CSS znajduje się w źródle pliku html.

Pozdrawiam i z góry dzięki za wskazówki.


RE: [CSS] problem z przyleganiem divów - Labsta.com - 16-10-2010

Przerwa pojawia się, bo masz za duży padding w elementach menu.


RE: [CSS] problem z przyleganiem divów - ixtab - 16-10-2010

Dokładnie. Dolny padding to aż 25px i wychodzi poza menu. Zmniejsz padding albo użyj line-height zamiast padding


RE: [CSS] problem z przyleganiem divów - MANIACki - 17-10-2010

Dzięki!

Wystarczyło zdjąć padding do 0 i dodać line-height taki jak trzeba.

Od razu widać, że to profesjonalne forum, pisałem też na kilku innych i kilka dni zmarnowane na czekanieSmile

Pozdrawiam!