[SOLVED] Problem z przyleganiem divów (padding, margin)

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
MANIACki
Posty: 5
Rejestracja: pn paź 11, 2010 7:41 pm

[SOLVED] Problem z przyleganiem divów (padding, margin)

Post autor: MANIACki »

Witam,

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

Mój problem polega na błędnym wyświetlaniu przestrzeni pomiędzy divami menu po prawej stronie a 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 i firefox poprawnie, to jakimś sposobem w Operze i IE robi się przestrzeń pomiędzy menu a białym blokiem dla tekstu.

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

Pozdrawiam i z góry dzięki za wskazówki.
Ostatnio zmieniony ndz paź 17, 2010 10:26 am przez MANIACki, łącznie zmieniany 1 raz.
knight-rider
Nowy
Nowy
Posty: 34
Rejestracja: pn lis 16, 2009 9:33 am

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: knight-rider »

nawet niezle jak na niekodera:

zamien <html>
na:

<!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 zagra ładnie pod kazda przegladarka
MANIACki
Posty: 5
Rejestracja: pn paź 11, 2010 7:41 pm

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: MANIACki »

dzięki za słowa pocieszenia hehe,

problem w tym, ze m.in. będę wykorzystał ten szablon też na allegro, a tam chyba nie da się wstawić nic poza <style>:/

gdzieś jest jakiś błąd w pozycjonowaniu? chodzi o div ziąwane z prawa, menu i main content.
knight-rider
Nowy
Nowy
Posty: 34
Rejestracja: pn lis 16, 2009 9:33 am

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: knight-rider »

jak dasz na allegro to samo sie naprawi :) oni maja DOCTYPE

wiec tymczasowo sobie wstaw dla formatowania, a potem wkleisz, tez tak robie jak cos zlecaja dla allegro
MANIACki
Posty: 5
Rejestracja: pn paź 11, 2010 7:41 pm

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: MANIACki »

Dałem na allegro i niestety psuje się dalej - jest przestrzeń bez białego tła pomiędzy belką menu a tłem tekstu:/

Ja nie bardzo mam nawet jak sprawdzić, bo nie używam IE, ostatnio zaglądnąłem do przygodnego komputera i jest błąd - w operze to samo. Chrome, FF i Safari działa ok.

Nie, żeby to było coś strasznego, ale wygląda dość nieprofesjonalnie, estetą jestem;)

Jednak chyba trzeba coś pogrzebać w tym css.
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: darek_w »

Czy po dodaniu nagłówka "Doctype" ustąpił problem w IE?
Czy teraz jedynym problemem jest allegro?
MANIACki
Posty: 5
Rejestracja: pn paź 11, 2010 7:41 pm

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: MANIACki »

darek_w pisze:Czy po dodaniu nagłówka "Doctype" ustąpił problem w IE?
Czy teraz jedynym problemem jest allegro?
Tak, doctype rozwiązuje problem w normalnym html - w każdej przeglądarce wyświetla się poprawnie, niestety na allegro dalej błąd w operze i ie.
MANIACki
Posty: 5
Rejestracja: pn paź 11, 2010 7:41 pm

Re: Problem z przyleganiem divów (padding, margin) w IE, Ope

Post autor: MANIACki »

Problem został rozwiązany, trzeba było wyzerować padding i dodać odpowiednie line-height.

temat zamknięty.
ODPOWIEDZ