Позициониране на div

N

NumseR

Registered
Дайте ми малко акъл, как мога да преместя даден div от дизайна ми нагоре, без да използвам отрицателни стойности на margin, padding, relative и без абсолютно позициониране. Пробвах с margin/padding-bottom, ама обекта не помръдна, застанал е като камък и това е. Премества се само с отрицателен position: relative, ама това скапва дизайна тотално.
:?
 
Когато махна абсолютното позициониране на .coin-slider, #featuredbg заедно със всички елементи под него, бяга много надолу. Демо на страницата тук. В момента не съм бутал позиционирането, затова е що-годе подредена.

Дано от тази част на кода, Ви стане ясно. Ако ли не, кажете точно коя част Ви трябва. :)

Код: 
		/* menu */
        #content {width: 800px; height: 1350px; background-color: #fff; margin:0 auto;}
		
		#menu{margin:15px 0px 0px -35px; padding: 0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }

		
#logo {margin: 0px; padding: 30px 0px 0px 0px;} 

#slidercont { position: relative; top: -270px; left: -90px;}
.coin-slider {width: 500px; overflow: hidden; zoom: 1; position: absolute; top: 300px; left: 110px;}
.coin-slider a{ text-decoration: none; outline: none; border: none;}
			
/* slider dqsno populqrni/novi postove NACHALO */
#rightslider {/*margin: 300px 0px 0px 630px;*/ position: absolute; top: 300px; left: 630px;} 
.newpanelcont {width: 300px; height: 500px; border: 1px solid red;}
.slidergame-name { font-size: 20px; font-family: arial; font-weight: bold; color: #fff; } 

.ajatxt{position: relative; top: -38px; left: 5px; font-size: 13px; font-weight: bold; margin-top: 0px; padding-top: 0px;}  

 
/* slider dqsno populqrni/novi postove KRAI */ 

/* izbrani postove NACHALO */
#featuredbg {background-color: #efefef; width: 505px; height: 198px; margin-top: 520px; margin-left: 20px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px; } 



.featureheadtxt {font-family: arial, tahoma, sans-serif; font-size: 20px; font-weight: bold; padding: 5px 0px 0px 17px; margin: 0px; /*color: #424242*/} 




.byuser {margin: -4px 0px 0px 17px; font-style: italic; font-size: 11px;} 
.byuser2 {margin: -13px 0px 0px 178px; font-style: italic; font-size: 11px;} 
.byuser3 {margin: -13px 0px 0px 343px; font-style: italic; font-size: 11px;} 
/* izbrani postove KRAI */
 
Да, също така и #rightslider и всичко под тях.
В момента съм махнал абсолютното позициониране в демото на .coin-slider, за да придобиете представа каква какафония става.
 
Благодаря Ви за помощта ! :)
Сега нещата уж се нормализираха под Firefox и Opera, но IE-то нещо се паянти

Новият код изглежда така:

Код: 
#slidercont {position: relative; top: 30px; left: 20px;}

.coin-slider {width: 500px; overflow: hidden; zoom: 1; } 

#rightslider {margin: -380px 0px 0px 530px; float: left; }  

#featuredbg {display: block; background-color: #efefef; width: 505px; height: 198px; margin-top: 30px; margin-left: 20px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px; position: relative; top: 30px;} 

.featuregame {padding: 0px 0px 0px 17px; width: 143px; height: 105px; margin-top: -100px; position: relative; top: -100px;} 

#newscont {margin: 50px 0px 0px 20px;} 

.news {font-family: arial; font-size: 20px;  font-weight: bold;} 

.reviews {font-family: arial; font-size: 20px;  font-weight: bold; position: relative; top: 75px; left: 313px;}
 
NumseR каза:
Код: 
#rightslider {margin: -380px 0px 0px 530px; float: left; }  
[/quote]

Най-вероятно IE-то се чупи от отрицателния параметър на margin-а.
Увеличете...
 
Махнах отрицателния margin, както на #rightslider, така и на някои други елементи, но нямаше ефект под IE, само дето разбърква нещата с лисицата.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе