Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Css div 1 przesowam drugi sie przesowa.. - 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: Css div 1 przesowam drugi sie przesowa.. (/thread-css-div-1-przesowam-drugi-sie-przesowa)



Css div 1 przesowam drugi sie przesowa.. - dervi3 - 31-12-2010

Witam mam problem z kodowaniem jak przesowam div 1 z obrazkiem to ten co jest pod nim tak samo sie przesowa mimo to ze 1 jest zamkniety dlaczego ?...



Demo: http://skypedesign.xaa.pl/dawid/webspell/

np: przesowam do gory #top-herb to #top-menu tak samo idzie a jest </div> ...


RE: Css div 1 przesowam drugi sie przesowa.. - Filuper112 - 31-12-2010

Daj kod!!


RE: Css div 1 przesowam drugi sie przesowa.. - Pedro84 - 31-12-2010

I popraw te błędy, bo aż w oczy kuje!


RE: Css div 1 przesowam drugi sie przesowa.. - dervi3 - 31-12-2010

Ustawiłem ale mam kolejny błąd zobaczcie:

Kod:
#top #top-menu{
        width:1006px;
    height:52px;
    margin: -20px 0px 0px -10px;
    background-image:url('img/menu.png');

musiałem stosowac na minusie margin gorny bo nie moglem do gory dać obrazka jest inny sposbo tak samo w lewo nie chciało iść to dałem minusa ale to chyba nie poprawne


PS. Co musze poprawic w moim kodzie:

Kod:
/****** Global ******/

/* Body */
body {
        background-image: url('img/bg.png');
    color: #FF9999;
    
    
        font-family: tahoma;
        font-size: 11px;
    text-align: center;
        
    margin: 0 auto;

    width: 1002px;
    padding: 0;
}

img{border:0px;}

/* Top */
#top {
    margin: 0 auto;

    width: 100%;
    height: 125px;
}


#top #top-belka {
        width:986px;
    height:28px;
    margin: 0px auto 5px 0;
    background-image:url('img/belka.png')
}



#top #top-herb{
        width:211px;
    height:103px;
    margin: -90px 0px 20px 10px;
    background-image:url('img/herb.png');

}
#top #top-baner{
        width:700px;
    height:80px;
        margin: 20px 0px 0px 260px;
    background-image:url('img/gora-baner.png');

}

.stepcarousel {position: relative; border : 0px; overflow : scroll; width: 510px; height: 150px; left : 90px; top : -40px;}
.stepcarousel .belt {position: absolute; left : 0px; top : 0px;p}
.stepcarousel .panel {float : left; overflow : hidden; margin : 5px; width : 160px;}
        
        
#top #top-menu{
        width:1006px;
    height:52px;
    margin: -20px 0px 0px -10px;
    background-image:url('img/menu.png');



}



RE: Css div 1 przesowam drugi sie przesowa.. - Kartofelek - 31-12-2010

Ja to pewnie bym skorzystał z overflow:hidden...

Wiadomo wszak, że dzieci lubią rozpychać swoich rodziców, gdy rodzice głupi i się afiszują na zewnątrz.


RE: Css div 1 przesowam drugi sie przesowa.. - dervi3 - 31-12-2010

Czyli np w top-herb musze dodac overflow:hidden; i ?


RE: Css div 1 przesowam drugi sie przesowa.. - Kartofelek - 03-01-2011

I wtedy to co w nim bedzie, nie bedzie go przesowalo do dolu