Log In · Register

 
The same in every browser, DIV
synthase
post Dec 2 2007, 11:30 AM
Post #1


ALLISON
*******

Group: Official Designer
Posts: 3,372
Joined: Nov 2005
Member No: 310,259



So I'm having a little trouble...
how can you make your codes work in every browser? Or in different monitor pixels? Work so that they don't look different or misplaced? Right now my monitor screen is 1920x1200, but when I resize it to 1024x768, the whole comment section moves up.
Is there a way so that it works for everybody?

(example is on my cB profile)

Thank you cB! thumbsup.gif
 
 
Start new topic
Replies
S-Majere
post Dec 6 2007, 01:31 PM
Post #2


Addict
*******

Group: Staff Alumni
Posts: 3,918
Joined: Jun 2007
Member No: 538,522



Hmmm, I'd go with the position absolute/relative fiddle here. Could you post your code for me so I can try this out on a dummy profile?
 
synthase
post Dec 6 2007, 06:59 PM
Post #3


ALLISON
*******

Group: Official Designer
Posts: 3,372
Joined: Nov 2005
Member No: 310,259



QUOTE(S-Majere @ Dec 6 2007, 01:31 PM) *
Hmmm, I'd go with the position absolute/relative fiddle here. Could you post your code for me so I can try this out on a dummy profile?


sure. _smile.gif
QUOTE
<style type="text/css">


body{
background-color: #e4e9e8;
background-image: url("URLTOBACKGROUNDIMAGE");
background-repeat: repeat;
scrollbar-arrow-color:######;
scrollbar-track-color:#####;
scrollbar-shadow-color:#####;
scrollbar-face-color:#####;
scrollbar-highlight-color:#####;
color: #####;
}






#profile div#stats{display:none !important;z-index: 13;}
#profile div#splash{display:none !important;z-index: 12;}
#profile div#bestfriends {display:none!important;z-index: 11;}
#profile div#aboutme {display:none !important;z-index: 10;}
#profile div#contactme {display:none!important;z-index: 9;}
#profile div#links{display:none!important;z-index: 8;}
#profile div#recententries {display:none!important;z-index: 7;}
#profile div#favorites {display:none !important;z-index: 6;}
#profile div#submissions {display:none !important;z-index: 5;}
#profile div#skills {display:none !important;z-index: 4;}
#profile div#recentphotos{display:none !important;z-index: 3;}
#profile div#footer{display:none !important;z-index: 2;}
#profile div#comments{position: absolute; left: 32px; margin-left: ###px; top: 100px; margin-top; 50px; width: 630px; height: 145px; overflow:auto;z-index: 0;}

#mycupoftea{position: absolute; left: 30%; margin-left: #px; top: 0%; margin-top: 10%; width: ###px; height: ###px; z-index: 1;}



</style>

under construction


<div id="mycupoftea"><img src="http://img217.imageshack.us/img217/1609/mycupoftealr0.png" alt="text" border="0"></div>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: