html:
[
[/code] css:
[code]#logobox { min-width: 600px; max-width: 90%; height: 120px; border-width: 1px; border-color: whiite; border-style: solid; top: 0px; margin: 0 auto; } #logo { width: 171px; height: 50px; margin-top: px; margin-left: 0px; border: 0px; } #minilogo { width: 100px; height: 100px; top: 0px; right: 0px; }
Gdy dodam do #logobox position: absolute; top: 0px; to div ucieka w lewo, a szerokość się zmienia.
](index.htm)
Temat i tak poleci ze względu na skandaliczną formę… niemniej… pozycjonowanie absolutne polega na wyłączeniu pozycjonowanych w ten sposób obiektów z DOM. Więc element ten nie ma rodzica, wobec którego można stosować procentowe wartości właściwości typu width, max-width itd.
Jak zatem rozmieszczać divy, nie używając (position: absolute;) ?
lutum2012 , proszę poprawić treść posta używając znaczników code. Zignorowanie tej prośby będzie skutkować przeniesieniem tematu do kosza.
Pozdrawiam,
Dimatheus
Rozumiem, że zamiast co, ma być jak. No… na przykład pozycjonując je relatywnie… (position: relative). Wtedy pozycjonujesz je względem elementu nadrzędnego.
Tak tylko powiem, że to:
border-width: 1px;
border-color: white;
border-style: solid;
możesz zamienić na to:
border: 1px solid white;tfl , tak też u mnie działa, ale górną linie obramowania chcę wyżej, a się nie da.
dodaj padding-top i border pójdzie do góry o tyle px ile podałeś w padding-top 
Znaczy tego diva border chcesz wyżej? Jeśli tak, to musisz pamiętać o domyślnych stylach przeglądarek (a dokładniej - silników przeglądarek). I tak:
http://mxr.mozilla.org/mozilla-central/ … e/html.css – dla gecko
http://trac.webkit.org/browser/trunk/So … s/html.css – dla webkita
http://www.iecss.com/ – dla tridenta
Każda współczesna przeglądarka styluje body z marginesem 8px, dlatego ramka jest “nieco niżej”
tfl , Dzięki za (Każda współczesna przeglądarka styluje body z marginesem 8px, dlatego ramka jest “nieco niżej”)
Wystarczyło, że dałem do body - margin: 0;
Już działa 
- Nareszcie
Dziękuje wszystkim…