Jak uniknąć ujemnych wartości margin

Question

Jak można to zrobic inaczej - bez ustawiania margin na wartosci ujemne (w walidatorze w3 wyskakuje ze lepiej tak nie robic)

Poniżej opis jak to zrobic z wykorzystaniem margin ( jednak według tego sposobu nie dałem rady tego zrobić bez ustawienia wartosci margin na ujemną)

http://www.darmoweszablony.eu/04/2011/wellness

  zmień styl odpowiednich sekcji (<div>), aby lewy panel (z główną treścią) miał zmienną szerokość (dostosowaną do bieżącej szerokości strony). W tym celu:

• sprawdź które sekcje mają określoną stałą szerokość (width) i zamień je na auto (poza prawym panelem)
• odczytaj (zakładka model pudełkowy) jaka jest rzeczywista szerokość prawego panelu (sekcja #sidebar)
• zmień marginesy dla lewego i prawego panelu, tak by uzyskać przesunięcie wynikające z odczytanej wielkości

 

Answer 1

Wydaje mi się, że nie ma nic złego w staosowaniu ujemnego marginu, a walidator nie zawsze jest miarodajny.

Oczywiście można zastosować ujemny padding, ale to niezmienia postaci rzeczy i validatorowi pewnie się też nie spodoba.

Kolejne co przychodzi mi do głowy to ustawienie "position" na "absolute" i umiejscowienie elementu poprzez "top", "bottom", "left", "right" co pewnie wiąże się z kolejnymi zmianami bo strona może się przez to mocno zmienić i trzebabyłoby ustawiać wszystko.

Comments

Z dwojga łatwiejszy będzie do kontrolowania ujemny margines niż position: absolute. Ujemny margines nie zaburza aż tak flow dokumentu jak absolute, który na flow nie wpływa.

Można próbować z position: relative bo też możesz ustawiać top, bottom, left, right i nie zrobi takich rewolucji jak absolute.